*{margin:0;padding:0;box-sizing:border-box}body{min-height:100vh;background-color:#121212;color:#fff}#root{min-height:100vh;display:flex;flex-direction:column}main{flex:1}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:inherit;text-decoration:inherit}a:hover{color:inherit}a.default-link{color:#646cff}a.default-link:hover{color:#535bf2}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus{outline:none}button:focus-visible{outline:none;box-shadow:0 0 0 2px #8352fd66}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-8px)}60%{transform:translateY(-4px)}}@keyframes slowBounce{0%,30%,70%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes pulse{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}body{margin:0;padding:0;font-family:Geist,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:14px;width:100%;height:100%}.hero-popup-container{font-family:Geist,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif!important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:14px!important;box-sizing:border-box}.hero-popup-container *{font-family:inherit}.popup-container{width:340px;height:450px;min-height:450px;max-height:450px;overflow-y:hidden;overflow-x:hidden;display:flex;flex-direction:column;background:#0d0d0d;color:#e0e0e0;box-sizing:border-box;margin:0;position:relative;box-shadow:0 10px 30px #00000080;border-radius:8px;border:1px solid #333;text-decoration:none!important}.popup-container a,.popup-container button{color:inherit;text-decoration:none!important;outline:none!important}.popup-container a:hover,.popup-container button:hover{color:inherit!important;text-decoration:none!important;outline:none!important;background-color:transparent}.popup-container a:focus,.popup-container button:focus,.popup-container a:active,.popup-container button:active{color:inherit!important;text-decoration:none!important;outline:none!important;box-shadow:none!important}.popup-container.theme-dark{--primary-accent: #9333ea;--gold: #d4a843;--gold-bright: #e0b84f;--text-color: #e0e0e0;--text-secondary: #9ca3af;--bg-primary: #0d0d0d;--bg-card: #1a1a1a;--bg-hover: #222;--border-color: rgba(255, 255, 255, .05);--border-gold: rgba(212, 168, 67, .15)}.popup-container ::-webkit-scrollbar{width:4px}.popup-container ::-webkit-scrollbar-track{background:transparent}.popup-container ::-webkit-scrollbar-thumb{background:#7c3aed40;border-radius:2px}.popup-container ::-webkit-scrollbar-thumb:hover{background:#7c3aed80}.profile-container{width:100%;height:100%;display:flex;flex-direction:column;box-sizing:border-box}.nav-header{width:100%;display:flex;background:var(--bg-card);border-bottom:1px solid var(--border-color);padding:0}.nav-button{flex:1;padding:10px 16px;background:none;border:none;color:#666;font-size:11px;font-weight:600;letter-spacing:.15em;text-transform:uppercase;cursor:pointer;transition:all .15s;border-bottom:2px solid transparent;box-shadow:none!important;text-decoration:none!important;outline:none!important}.nav-button:hover{color:var(--text-secondary);background-color:transparent!important;box-shadow:none!important;border-color:transparent!important;border-bottom:2px solid transparent!important;outline:none!important}.nav-button.active{color:var(--gold);border-bottom-color:var(--gold);box-shadow:none!important;background-color:transparent!important;outline:none!important}.view-content{flex:1;width:100%;padding:20px;box-sizing:border-box;overflow-y:auto;height:380px;max-height:380px;display:flex;flex-direction:column;justify-content:center}.view-content .hud-view{height:100%;justify-content:flex-start;margin-top:-8px}.profile-details{width:100%;display:flex;flex-direction:column;gap:16px;height:100%;justify-content:center}.profile-details h2{color:var(--gold);margin:0;text-align:center;font-size:16px;letter-spacing:.15em;text-transform:uppercase;font-weight:600}.profile-info{width:100%;background:var(--bg-card);border-radius:8px;border:1px solid var(--border-color);padding:16px;box-sizing:border-box}.info-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid var(--border-color)}.info-row:last-child{border-bottom:none}.info-row .label{color:var(--text-secondary);font-size:12px;font-weight:500;letter-spacing:.05em}.info-row .value{color:var(--text-color);font-weight:600;font-size:13px}.status-indicator .value{display:flex;align-items:center;gap:6px}.status-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.value.active .status-dot{background-color:#22c55e;box-shadow:0 0 6px #22c55e80}.value.inactive .status-dot{background-color:#ef4444}.profile-action-buttons{display:flex;gap:10px;width:100%}.profile-action-button{flex:1;padding:10px;border:none;border-radius:8px;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:all .15s;color:#fff}.profile-action-button.secondary{background:var(--bg-card);border:1px solid var(--border-gold);color:var(--gold);box-shadow:0 0 12px #7c3aed26}.profile-action-button.secondary:hover{border-color:#d4a84366;box-shadow:0 0 20px #7c3aed4d;transform:scale(.98)}.profile-action-button.secondary:active{transform:scale(.95)}.settings-view{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center}.settings-view h2{color:var(--gold);margin:0 0 16px;text-align:center;font-size:14px;letter-spacing:.15em;text-transform:uppercase;font-weight:600}.settings-section{width:100%;background:var(--bg-card);border-radius:8px;border:1px solid var(--border-color);padding:16px;margin-bottom:16px;box-sizing:border-box}.settings-section h3{color:var(--text-color);margin:0 0 12px;padding-bottom:8px;border-bottom:1px solid var(--border-color);font-size:12px;letter-spacing:.1em;text-transform:uppercase;font-weight:600}.setting-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0}.setting-label-container{display:flex;align-items:center;gap:8px}.setting-label{color:var(--text-secondary);font-size:13px}.tooltip-icon{color:#555;font-size:10px;cursor:help;position:relative;display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;border:1px solid #444;border-radius:50%}.tooltip-icon:hover:after{content:attr(data-tooltip);position:absolute;left:20px;top:50%;transform:translateY(-50%);background:#222;color:var(--text-color);padding:8px 12px;border-radius:6px;font-size:11px;min-width:130px;max-width:160px;white-space:normal;z-index:1000;border:1px solid var(--border-color);box-shadow:0 4px 12px #0006;line-height:1.4}.toggle{position:relative;display:inline-block;width:40px;height:20px}.toggle input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;right:0;bottom:0;left:0;background:#333;transition:.2s;border-radius:20px}.toggle-slider:before{position:absolute;content:"";height:14px;width:14px;left:3px;bottom:3px;background:#fff;transition:.2s;border-radius:50%}input:checked+.toggle-slider{background:var(--primary-accent);box-shadow:0 0 8px #9333ea66}input:checked+.toggle-slider:before{transform:translate(20px)}.settings-button{width:100%;padding:10px;color:#fff;border:none;border-radius:8px;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;margin-top:10px;transition:all .15s}.settings-button.primary{background:var(--bg-card);border:1px solid var(--border-gold);color:var(--gold)}.settings-button.primary:hover{border-color:#d4a84366;transform:scale(.98)}.settings-button.danger{background:#1a1a1a;border:1px solid rgba(239,68,68,.2);color:#ef4444;margin-top:10px}.settings-button.danger:hover{border-color:#ef444466;transform:scale(.98)}.loading,.loading-settings{display:flex;align-items:center;justify-content:center;min-height:200px;color:#555;font-size:13px;letter-spacing:.1em;text-transform:uppercase}.error{color:#ef4444;padding:20px;text-align:center}.position-select{padding:6px 10px;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-card);color:var(--text-color);font-size:12px}@media (max-width: 900px){.popup-container{margin:0 auto;height:420px;min-height:420px;max-height:420px}.view-content{height:350px;max-height:350px}}.hud-view{padding:8px;display:flex;flex-direction:column;gap:10px;height:100%}.panel-section,.unused-section{background-color:#1a1a1a;border-radius:6px;border:1px solid rgba(255,255,255,.05);padding:6px}.panel-section{flex-grow:1;display:flex;flex-direction:column}.panel-section h3,.unused-section h3{margin-top:0;margin-bottom:5px;font-size:9px;color:#9ca3af;text-transform:uppercase;letter-spacing:.1em;font-weight:600}.panel-row,.unused-stats-container{background-color:#141414;border:1px dashed #333;border-radius:4px;padding:5px;min-height:32px;display:flex;gap:5px;align-items:flex-start;overflow:visible;margin-bottom:5px}.unused-stats-container{flex-wrap:wrap;min-height:60px;padding:6px}.panel-row.dragging-over,.unused-stats-container.dragging-over{background-color:#222;border-color:#d4a8434d}.stat-tile{background-color:#9333ea;color:#fff;padding:3px 8px;border-radius:3px;font-size:.75em;font-weight:500;cursor:grab;-webkit-user-select:none;user-select:none;border:1px solid rgba(147,51,234,.5);position:relative;text-decoration:none!important;outline:none!important}.stat-tile:hover{text-decoration:none!important;outline:none!important;color:#fff!important}.stat-tile.dragging{cursor:grabbing;background-color:#9333ea;border-color:#9333ea80;opacity:.9}.stat-tile:not(.dragging):hover:after{content:attr(data-description);position:absolute;left:50%;transform:translate(-50%);bottom:calc(100% + 6px);background:#222;color:#e0e0e0;padding:6px 10px;border-radius:6px;font-size:10px;font-weight:400;white-space:nowrap;z-index:1000;border:1px solid rgba(255,255,255,.05);box-shadow:0 4px 12px #0006;pointer-events:none;animation:tooltipFadeIn .3s ease .5s both}@keyframes tooltipFadeIn{0%{opacity:0}to{opacity:1}}.hud-instructions{font-size:10px;color:#666;text-align:center;margin-top:4px}.hud-instructions p{margin:2px 0}.glossary-link{color:#d4a843;cursor:pointer;font-weight:500;text-decoration:none}.glossary-link:hover{color:#e0b84f;text-decoration:underline}@property --active{syntax: "<number>"; inherits: true; initial-value: 0;}.sparkle-btn{--transition: .25s;--spark: 1.8s;--cut: .08em;--active: 0;--glow: 43;--accent: 265;--bg: radial-gradient( 40% 50% at center 100%, hsl(var(--glow) 97% 72% / var(--active)), transparent ), radial-gradient( 80% 100% at center 120%, hsl(var(--glow) 97% 70% / var(--active)), transparent ), hsl(240 6% calc(11% + (var(--active) * 5%)));position:relative;display:inline-flex;align-items:center;gap:.45em;padding:.75em 1.5em;border:0;border-radius:100px;cursor:pointer;white-space:nowrap;font-weight:600;font-size:.95rem;text-decoration:none;color:#fff;background:var(--bg);box-shadow:0 0 calc(var(--active) * 2.5em) calc(var(--active) * .8em) hsl(var(--glow) 97% 61% / .45),0 0 calc(var(--active) * 4em) calc(var(--active) * 1.4em) hsl(var(--accent) 90% 58% / .28),0 .05em hsl(var(--glow) calc(var(--active) * 97%) calc((var(--active) * 50%) + 30%)) inset,0 -.05em hsl(var(--glow) calc(var(--active) * 97%) calc(var(--active) * 60%)) inset;transition:box-shadow var(--transition),scale var(--transition),background var(--transition);scale:calc(1 + (var(--active) * .04))}.sparkle-btn:active{scale:1}.sparkle-btn:is(:hover,:focus-visible){--active: 1;--play-state: running}.sparkle-btn[data-intro=on]{animation:sparkle-intro 2.6s ease-in-out;--play-state: running}.sparkle-btn.sparkle-btn--subtle[data-intro=on]{animation-name:sparkle-intro-soft}@keyframes sparkle-intro-soft{0%{--active: 0}30%{--active: .55}62%{--active: .22}to{--active: 0}}@keyframes sparkle-intro{0%{--active: 0}22%{--active: 1}45%{--active: .3}62%{--active: 1}to{--active: 0}}.sparkle-btn__spark{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:100px;rotate:0deg;overflow:hidden;-webkit-mask:linear-gradient(white,transparent 50%);mask:linear-gradient(white,transparent 50%);animation:sparkle-flip calc(var(--spark) * 2) infinite steps(2,end)}.sparkle-btn__spark:before{content:"";position:absolute;width:200%;aspect-ratio:1;top:0;left:50%;z-index:-1;translate:-50% -15%;rotate:0;transform:rotate(-90deg);opacity:calc(var(--active) + .35);background:conic-gradient(from 0deg,transparent 0 340deg,hsl(var(--glow) 97% 80%) 360deg);transition:opacity var(--transition);animation:sparkle-rotate var(--spark) linear infinite both}.sparkle-btn__spark:after{content:"";position:absolute;inset:var(--cut);border-radius:100px}.sparkle-btn__backdrop{position:absolute;inset:var(--cut);background:var(--bg);border-radius:100px;transition:background var(--transition)}.sparkle-btn:before{content:"";position:absolute;top:-.2em;right:-.2em;bottom:-.2em;left:-.2em;z-index:-1;border:.2em solid hsl(var(--accent) 97% 62% / .5);border-radius:100px;opacity:var(--active, 0);transition:opacity var(--transition)}@keyframes sparkle-flip{to{rotate:360deg}}@keyframes sparkle-rotate{to{transform:rotate(90deg)}}.sparkle-btn__icon{position:relative;z-index:1;inline-size:1.15em;overflow:visible!important}.sparkle-btn__icon path{color:hsl(var(--glow) calc(var(--active) * 90%) calc(var(--base) + (var(--active) * (95% - var(--base)))));transform-box:fill-box;transform-origin:center;fill:currentColor;stroke:currentColor;animation-delay:calc((var(--transition) * 1.5) + (var(--delay) * 1s));animation-duration:.6s;transition:color var(--transition)}.sparkle-btn:is(:hover,:focus-visible) .sparkle-btn__icon path,.sparkle-btn[data-intro=on] .sparkle-btn__icon path{animation-name:sparkle-bounce}@keyframes sparkle-bounce{35%,65%{scale:var(--scale)}}.sparkle-btn__icon path:nth-of-type(1){--scale: .5;--delay: .1;--base: 62%}.sparkle-btn__icon path:nth-of-type(2){--scale: 1.5;--delay: .2;--base: 52%}.sparkle-btn__icon path:nth-of-type(3){--scale: 2.5;--delay: .35;--base: 56%}.sparkle-btn__text{position:relative;z-index:1;letter-spacing:.01ch;color:#fff;opacity:calc(.82 + (var(--active) * .18));transition:opacity var(--transition)}.sparkle-btn__particles{position:absolute;width:200%;aspect-ratio:1;top:50%;left:50%;translate:-50% -50%;-webkit-mask:radial-gradient(white,transparent 65%);mask:radial-gradient(white,transparent 65%);z-index:-1;pointer-events:none;opacity:var(--active, 0);transition:opacity var(--transition)}.sparkle-btn__particle{width:calc(var(--size, .25) * 1rem);aspect-ratio:1;position:absolute;top:calc(var(--y) * 1%);left:calc(var(--x) * 1%);opacity:var(--alpha, 1);animation:sparkle-float calc(var(--duration, 1) * 1s) calc(var(--delay) * -1s) infinite linear;transform-origin:var(--origin-x, 1000%) var(--origin-y, 1000%);z-index:-1;animation-play-state:var(--play-state, paused)}.sparkle-btn__particle path{fill:hsl(var(--glow) 95% 68%);stroke:none}.sparkle-btn__particle:nth-of-type(3n) path{fill:hsl(var(--accent) 92% 72%)}.sparkle-btn__particle:nth-of-type(2n){animation-direction:reverse}@keyframes sparkle-float{to{rotate:360deg}}@media (prefers-reduced-motion: reduce){.sparkle-btn__spark,.sparkle-btn__spark:before,.sparkle-btn__particle,.sparkle-btn__icon path{animation:none!important}.sparkle-btn,.sparkle-btn[data-intro=on]{animation:none!important;scale:1}}.stat-marquee{padding:clamp(3rem,7vw,5.5rem) 1.5rem;background:#0b0b0e;border-top:1px solid rgba(255,255,255,.06);overflow:hidden}.stat-marquee__inner{max-width:1120px;margin:0 auto;text-align:center}.stat-marquee__heading{margin:0 0 12px;font-size:clamp(1.4rem,3vw,2rem);font-weight:700;color:#fff;letter-spacing:-.01em}.stat-marquee__lede{max-width:640px;margin:0 auto;font-size:1rem;line-height:1.7;color:#fff9}.stat-marquee__lede a{color:#e6c96a;text-decoration:underline;text-underline-offset:2px}.stat-marquee__scene{--buff: 5.5rem;height:420px;margin-top:2.75rem;perspective:1100px;-webkit-mask:linear-gradient(transparent,white var(--buff) calc(100% - var(--buff)),transparent),linear-gradient(90deg,transparent,white var(--buff) calc(100% - var(--buff)),transparent);mask:linear-gradient(transparent,white var(--buff) calc(100% - var(--buff)),transparent),linear-gradient(90deg,transparent,white var(--buff) calc(100% - var(--buff)),transparent);-webkit-mask-composite:source-in;mask-composite:intersect}.stat-marquee__grid{--rotate: 1;display:grid;grid-template-columns:repeat(3,1fr);gap:16px;height:100%;transform-style:preserve-3d;transform:rotateX(calc(var(--rotate) * 9deg)) rotate(calc(var(--rotate) * -5deg))}.stat-marquee__col{list-style:none;margin:0;padding:0;position:relative;overflow:visible}.stat-marquee__item{--step: 76px;--loop: calc(var(--count) * var(--step));position:absolute;inset-inline:0;top:calc(var(--step) * -1);height:64px;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:#ffffff08;transform:translateY(calc(var(--index) * var(--step)))}.stat-marquee__abbr{font-size:.92rem;font-weight:700;color:#e6c96a;letter-spacing:.02em;line-height:1.1}.stat-marquee__name{font-size:.63rem;color:#fff6;text-transform:uppercase;letter-spacing:.07em;line-height:1.2;padding:0 8px;text-align:center}@media (prefers-reduced-motion: no-preference){.stat-marquee__item{animation:stat-marquee-slide var(--speed, 30s) linear infinite;animation-delay:calc(var(--speed, 30s) / var(--count) * var(--index) * -1)}@keyframes stat-marquee-slide{0%{transform:translateY(var(--loop))}to{transform:translateY(0)}}}.feature-band{--backdrop: hsl(0 0% 60% / .08);--radius: 14;--border: 1;--size: 220;padding:clamp(3rem,8vw,6rem) 1.5rem clamp(4rem,9vw,7rem);background:#0d0d10;border-top:1px solid rgba(255,255,255,.06)}.feature-band__inner{max-width:1120px;margin:0 auto}.feature-band__heading{margin:0;font-size:clamp(1.5rem,3.2vw,2.1rem);font-weight:700;color:#fff;text-align:center;letter-spacing:-.01em}.feature-band__lede{max-width:760px;margin:16px auto 0;text-align:center;font-size:1rem;line-height:1.75;color:#ffffff9e}.feature-band__footnote{max-width:760px;margin:clamp(2rem,4vw,3rem) auto 0;text-align:center;font-size:.88rem;line-height:1.7;color:#ffffff80}.feature-band__footnote a,.feature-band__lede a{color:#e6c96a;text-decoration:underline;text-underline-offset:2px}.feature-band__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:18px;margin-top:clamp(2rem,4vw,3rem)}[data-glow]{--border-size: calc(var(--border, 1) * 1px);--spotlight-size: calc(var(--size, 220) * 1px);--hue: calc(var(--base) + (var(--xp, 0) * var(--spread, 0)));position:relative;border-radius:calc(var(--radius) * 1px);border:var(--border-size) solid var(--backdrop);background-color:#ffffff05;background-image:radial-gradient(var(--spotlight-size) var(--spotlight-size) at calc(var(--x, -9999) * 1px) calc(var(--y, -9999) * 1px),hsl(var(--hue, 43) calc(var(--saturation, 95) * 1%) calc(var(--lightness, 68) * 1%) / var(--bg-spot-opacity, .13)),transparent);background-size:calc(100% + (2 * var(--border-size))) calc(100% + (2 * var(--border-size)));background-position:50% 50%;background-attachment:fixed;padding:22px 22px 24px}[data-glow]:before{pointer-events:none;content:"";position:absolute;inset:calc(var(--border-size) * -1);border:var(--border-size) solid transparent;border-radius:calc(var(--radius) * 1px);background-attachment:fixed;background-size:calc(100% + (2 * var(--border-size))) calc(100% + (2 * var(--border-size)));background-repeat:no-repeat;background-position:50% 50%;background-image:radial-gradient(calc(var(--spotlight-size) * .75) calc(var(--spotlight-size) * .75) at calc(var(--x, -9999) * 1px) calc(var(--y, -9999) * 1px),hsl(var(--hue, 43) calc(var(--saturation, 95) * 1%) calc(var(--lightness, 55) * 1%) / var(--border-spot-opacity, 1)),transparent 100%);filter:brightness(1.7);-webkit-mask:linear-gradient(transparent,transparent),linear-gradient(white,white);mask:linear-gradient(transparent,transparent),linear-gradient(white,white);mask-clip:padding-box,border-box;-webkit-mask-composite:source-in;mask-composite:intersect}.feature-band__grid>*:nth-child(1){--base: 40;--spread: 60}.feature-band__grid>*:nth-child(2){--base: 43;--spread: 120}.feature-band__grid>*:nth-child(3){--base: 200;--spread: 90}.feature-band__grid>*:nth-child(4){--base: 258;--spread: 70}.feature-band__grid>*:nth-child(5){--base: 265;--spread: 60}.feature-band__grid>*:nth-child(6){--base: 45;--spread: 90}.feature-band__card-title{margin:0 0 8px;font-size:1rem;font-weight:700;color:#fff;letter-spacing:.01em}.feature-band__card-body{margin:0;font-size:.9rem;line-height:1.65;color:#ffffffa8}.feature-band__card-body a{color:#e6c96a;text-decoration:underline;text-underline-offset:2px}@media (prefers-reduced-motion: reduce){[data-glow]{background-image:none}[data-glow]:before{display:none}}