*{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;padding:2rem}: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,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}