:root{--black: #0a0a0a;--black-soft: #141414;--white: #ffffff;--gray: #8a8a8a;--gray-light: #cfcfcf;--orange: #ff7300;--orange-bright: #ff8c1a;--orange-glow: rgba(255, 115, 0, .35);--badge-glow-filter: drop-shadow(0 8px 20px rgba(255, 115, 0, .25));--heading-font: "Space Mono", monospace;--body-font: "Abel", sans-serif;--radius: 12px;--radius-pill: 999px;--shadow: 0 12px 40px rgba(0, 0, 0, .45)}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;font-family:var(--body-font);font-size:16px;line-height:1.5;color:var(--white);background:var(--black);-webkit-font-smoothing:antialiased}#root{min-height:100vh}img{max-width:100%;height:auto;display:block}button,input,select,textarea{font:inherit}a{color:var(--orange)}h1,h2,h3,h4{font-family:var(--heading-font);font-weight:400;letter-spacing:.04em;text-transform:uppercase;margin:0}.page{min-height:100vh;background:radial-gradient(circle at 50% -10%,rgba(255,115,0,.18),transparent 45%),linear-gradient(180deg,#111 0%,var(--black) 100%)}.container{width:min(960px,calc(100% - 2rem));margin:0 auto}.section{padding:2.5rem 0}.section-title{font-size:clamp(1rem,2.5vw,1.25rem);color:var(--orange);margin-bottom:1rem}.card{background:#ffffff08;border:1px solid rgba(255,115,0,.25);border-radius:var(--radius);padding:1.25rem;box-shadow:var(--shadow)}.card+.card{margin-top:1rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border:1px solid var(--orange);border-radius:var(--radius-pill);padding:.75rem 1.5rem;background:transparent;color:var(--orange);cursor:pointer;text-transform:uppercase;letter-spacing:.08em;font-family:var(--heading-font);font-size:.75rem;transition:background .2s,color .2s,transform .15s}.btn:hover:not(:disabled){background:var(--orange);color:var(--black)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--orange);color:var(--black)}.btn-primary:hover:not(:disabled){background:var(--orange-bright);color:var(--black)}.btn-ghost{border-color:#fff3;color:var(--white)}.btn-ghost:hover:not(:disabled){background:#ffffff14;color:var(--white)}.btn-danger{border-color:#f44;color:#f66}.btn-danger:hover:not(:disabled){background:#f44;color:var(--white)}.btn-sm{padding:.45rem .9rem;font-size:.65rem}.field{display:flex;flex-direction:column;gap:.35rem;margin-bottom:1rem}.field label{font-family:var(--heading-font);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--orange)}.field input,.field select,.field textarea{width:100%;border:1px solid rgba(255,255,255,.15);border-radius:8px;background:#00000073;color:var(--white);padding:.75rem .9rem}.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--orange);box-shadow:0 0 0 3px var(--orange-glow)}.field-hint{font-size:.85rem;color:var(--gray)}.error-text{color:#ff6b6b;font-size:.9rem;margin-top:.5rem}.success-text{color:#7dffb2;font-size:.9rem;margin-top:.5rem}.tagline{font-family:var(--heading-font);font-size:clamp(.55rem,2vw,.7rem);letter-spacing:.35em;text-transform:uppercase;color:var(--orange);text-align:center}.hero{text-align:center;padding:2rem 0 1rem}.hero-banner{width:min(520px,100%);margin:0 auto .5rem}.brand-header{text-align:center}.brand-logo-hit{width:min(64px,18vw);margin:0 auto 1.25rem;display:block;filter:drop-shadow(0 4px 14px rgba(255,115,0,.22))}.hero-logo{width:min(280px,70%);margin:1.5rem auto 0}.hero-sub{margin-top:1rem;color:var(--gray-light);font-size:1.05rem;letter-spacing:.04em}.onboarding-container{padding-bottom:3rem}.onboarding-card{max-width:520px;margin:0 auto}.athlete-header{text-align:center;padding:2rem 0 1rem}.athlete-header-card{max-width:720px;margin:1.5rem auto 0;text-align:left}.athlete-header-card--with-reward{max-width:960px}.athlete-header-row{display:flex;justify-content:space-between;align-items:center;gap:1.5rem;flex-wrap:wrap}.athlete-header-card--with-reward .athlete-header-row{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(200px,1.35fr);align-items:center;gap:1.25rem 2rem}.athlete-header-identity{min-width:0}.athlete-header-label{font-family:var(--heading-font);font-size:.65rem;letter-spacing:.12em;text-transform:uppercase;color:var(--orange);margin:0 0 .35rem}.athlete-header-name{font-family:var(--heading-font);font-size:clamp(1.25rem,4vw,1.75rem);letter-spacing:.06em;text-transform:uppercase;margin:0;color:var(--white)}.athlete-header-status{text-align:center}.athlete-status-display{display:flex;align-items:center;justify-content:center}.athlete-status-icon{width:min(160px,100%);height:auto;object-fit:contain;display:block;filter:var(--badge-glow-filter)}.athlete-header--dynasty{position:relative}.athlete-header-card--dynasty{max-width:980px;position:relative;border:1px solid rgba(255,140,26,.35);box-shadow:0 0 0 1px #ff730014 inset,0 16px 48px #ff73001f,var(--shadow)}.athlete-header-card--dynasty:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:inherit;pointer-events:none;background:radial-gradient(circle at 50% 0%,rgba(255,140,26,.14),transparent 55%)}.athlete-header-dynasty-top{display:flex;justify-content:space-between;align-items:center;gap:1.5rem;flex-wrap:wrap;position:relative;z-index:1}.athlete-reward-subtitle{font-family:var(--body-font);font-size:.85rem;line-height:1.4;color:var(--gray-light);margin:-.35rem 0 .65rem}.athlete-header-reward{text-align:center;min-width:200px;position:relative;z-index:1}.athlete-reward-title{font-family:var(--heading-font);font-size:clamp(.7rem,2vw,.85rem);letter-spacing:.08em;text-transform:uppercase;line-height:1.35;margin:0 0 .65rem;color:var(--white)}.athlete-reward-image{width:200px;max-width:100%;height:auto;object-fit:contain;display:block;margin:0 auto;filter:var(--badge-glow-filter)}.athlete-header-reward--achieved{margin-top:1.5rem;padding:1.75rem 1.5rem 1.5rem;border-radius:calc(var(--radius) - 2px);text-align:center;background:linear-gradient(180deg,#ff73001a,#0a0a0a99),#ffffff05;border:1px solid rgba(255,140,26,.45);box-shadow:0 0 32px #ff730026,inset 0 1px #ffc8781f;animation:dynasty-reward-glow 4s ease-in-out infinite}@keyframes dynasty-reward-glow{0%,to{box-shadow:0 0 32px #ff730026,inset 0 1px #ffc8781f}50%{box-shadow:0 0 48px #ff8c1a47,inset 0 1px #ffc87833}}.athlete-reward-label--achieved{font-family:var(--heading-font);font-size:clamp(.65rem,2vw,.75rem);letter-spacing:.16em;text-transform:uppercase;color:var(--orange-bright);margin:0 0 .5rem;text-shadow:0 0 20px rgba(255,140,26,.45)}.athlete-reward-congrats{font-family:var(--body-font);font-size:1rem;color:var(--gray-light);margin:0 0 1rem;line-height:1.5}.athlete-reward-congrats strong{color:var(--white);font-weight:400}.athlete-reward-title--achieved{font-size:clamp(1rem,3vw,1.35rem);letter-spacing:.12em;margin:0 0 .5rem;color:var(--white);text-shadow:0 0 24px rgba(255,115,0,.35)}.athlete-reward-subtitle--achieved{font-size:clamp(.9rem,2.5vw,1.05rem);color:var(--orange-bright);margin:0 0 1.25rem;letter-spacing:.02em}.athlete-reward-image--achieved{width:220px;max-width:100%;filter:var(--badge-glow-filter)}.athlete-status-icon--dynasty{width:min(200px,100%);filter:var(--badge-glow-filter)}@media(max-width:768px){.athlete-header-card--with-reward .athlete-header-row{grid-template-columns:1fr;justify-items:start}.athlete-header-dynasty-top{flex-direction:column;align-items:flex-start}.athlete-header-status,.athlete-header-reward{text-align:left;width:100%;min-width:0}.athlete-header-reward--achieved{text-align:center}.athlete-status-display{justify-content:flex-start}.athlete-reward-image{width:200px;max-width:100%;margin:0}.athlete-reward-image--achieved{width:220px;max-width:100%;margin:0 auto}}@media(max-width:600px){.athlete-header-row{flex-direction:column;align-items:flex-start}.athlete-header-status{text-align:left}.athlete-status-display{justify-content:flex-start}}.nav-tabs{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1.5rem}.next-step-callout{margin-bottom:1.25rem;padding:1.25rem 1.35rem;border-radius:var(--radius);border:1px solid rgba(255,140,26,.55);background:linear-gradient(135deg,#ff730024,#ff73000a,#0a0a0a66),#ffffff05;box-shadow:0 0 0 1px #ff730014 inset,0 8px 32px #ff73001f;position:relative;overflow:hidden}.next-step-callout:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,var(--orange-bright),var(--orange));box-shadow:0 0 16px var(--orange-glow)}.next-step-label{font-family:var(--heading-font);font-size:clamp(.85rem,2.5vw,1rem);letter-spacing:.14em;text-transform:uppercase;color:var(--orange-bright);margin:0 0 .5rem;text-shadow:0 0 20px rgba(255,140,26,.35)}.next-step-text{font-family:var(--body-font);font-size:clamp(1rem,2.5vw,1.1rem);line-height:1.45;color:var(--white);margin:0 0 1rem;max-width:36rem}.next-step-text strong{color:var(--orange-bright);font-weight:400;letter-spacing:.02em}.next-step-subtitle{font-family:var(--body-font);font-size:.9rem;line-height:1.4;color:var(--gray-light);margin:-.5rem 0 1rem;max-width:36rem}.next-step-action{width:100%;max-width:280px}@media(min-width:520px){.next-step-callout{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1.25rem;padding-left:1.5rem}.next-step-label{width:100%;margin-bottom:0}.next-step-text{flex:1 1 200px;margin-bottom:0}.next-step-subtitle{width:100%;margin:0}.next-step-action{flex:0 0 auto;width:auto}}.nav-tab{flex:1 1 auto;min-width:120px;border:1px solid rgba(255,115,0,.3);border-radius:var(--radius-pill);padding:.65rem 1rem;background:transparent;color:var(--white);font-family:var(--heading-font);font-size:.65rem;letter-spacing:.06em;text-transform:uppercase;cursor:pointer}.nav-tab.active{background:var(--orange);color:var(--black);border-color:var(--orange)}.progress-block{margin-bottom:1.25rem}.progress-header{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:.5rem;font-family:var(--heading-font);font-size:.7rem;letter-spacing:.06em;text-transform:uppercase}.progress-bar{height:10px;border-radius:var(--radius-pill);background:#ffffff14;overflow:hidden}.progress-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,#ff4500,var(--orange-bright));transition:width .4s ease}.entry-list{display:flex;flex-direction:column;gap:.75rem}.entry-item{display:flex;flex-direction:column;gap:.5rem;padding:1rem;border-radius:10px;background:#00000059;border:1px solid rgba(255,255,255,.08)}.entry-item-header{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem}.entry-title{font-family:var(--heading-font);font-size:.75rem;letter-spacing:.04em;text-transform:uppercase}.entry-meta{color:var(--gray);font-size:.9rem}.entry-actions{display:flex;flex-wrap:wrap;gap:.5rem}.level-grid{display:grid;gap:1rem}@media(min-width:700px){.level-grid{grid-template-columns:repeat(2,1fr)}}.level-card{border-left:3px solid var(--orange)}.level-card h3{font-size:.85rem;margin-bottom:.5rem}.level-card p{margin:.35rem 0;color:var(--gray-light);font-size:.95rem}.challenge-table{width:100%;border-collapse:collapse;font-size:.9rem}.challenge-table th,.challenge-table td{padding:.65rem .5rem;border-bottom:1px solid rgba(255,255,255,.08);text-align:left;vertical-align:top}.challenge-table th{font-family:var(--heading-font);font-size:.65rem;letter-spacing:.08em;text-transform:uppercase;color:var(--orange)}.challenge-table .pts{font-family:var(--heading-font);color:var(--orange-bright);white-space:nowrap}.rules-list{margin:0;padding-left:1.1rem;color:var(--gray-light)}.rules-list li+li{margin-top:.65rem}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem 1rem;background:radial-gradient(circle at 50% 0%,rgba(255,115,0,.2),transparent 50%),var(--black)}.login-card{width:min(420px,100%);text-align:center}.login-card .hero-banner{margin-bottom:1.5rem}.footer{padding:2rem 0 3rem;text-align:center;color:var(--gray);font-size:.85rem;letter-spacing:.08em;text-transform:uppercase}.inline-note{padding:.85rem 1rem;border-radius:8px;background:#ff730014;border:1px solid rgba(255,115,0,.2);color:var(--gray-light);font-size:.92rem;margin-bottom:1rem}.empty-state{text-align:center;color:var(--gray);padding:2rem 1rem}@media(max-width:600px){.entry-item-header{flex-direction:column}.nav-tab{min-width:calc(50% - .25rem)}}