*{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:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:14px;width:100%;height:100%}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.hero-popup-container{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,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}.hero-popup-container code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace!important}.popup-container{width:340px;height:450px;min-height:450px;max-height:450px;overflow-y:hidden;overflow-x:hidden;display:flex;flex-direction:column;background-color:#1f1f1f;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: #8a2be2;--secondary-accent: #2196f3;--text-color: #e0e0e0;--text-color-secondary: #b0b0b0;--background-primary: #1f1f1f;--background-secondary: #2a2a2a;--background-tertiary: #333333;--border-color: #444444}.login-container,.profile-container{display:flex;flex-direction:column;align-items:center;gap:20px}.login-container{width:100%;padding:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box;min-height:300px}.login-container h2{color:#fff;margin:0 0 20px;text-align:center;width:100%}.login-form{width:100%;max-width:280px;display:flex;flex-direction:column;gap:12px;margin:0 auto}.login-form input{width:100%;padding:10px;border:1px solid var(--border-color);border-radius:4px;background-color:var(--background-secondary);color:var(--text-color);font-size:14px}.login-form input::placeholder{color:var(--text-color-secondary, #b0b0b0)}.login-form button{width:100%;padding:12px;border:none;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s ease;background-color:var(--primary-accent);color:#fff;margin-top:8px}.error-message{color:#f44336;background-color:#f4433633;padding:8px;border-radius:4px;text-align:center;width:100%;max-width:280px;box-sizing:border-box}.profile-container{width:100%;height:100%;display:flex;flex-direction:column;box-sizing:border-box}.nav-header{width:100%;display:flex;justify-content:space-between;background-color:var(--background-secondary);border-bottom:1px solid var(--border-color);padding:0}.nav-button{flex:1;padding:12px 16px;background:none;border:none;color:var(--text-color-secondary);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;border-bottom:3px solid transparent;box-shadow:none!important;text-decoration:none!important;outline:none!important}.nav-button:hover{color:var(--text-color);background-color:transparent!important;box-shadow:none!important;border-color:transparent!important;border-bottom:3px solid transparent!important;outline:none!important}.nav-button.active{color:var(--primary-accent);border-bottom-color:var(--primary-accent);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:-5px}.profile-details{width:100%;display:flex;flex-direction:column;gap:20px;height:100%;justify-content:center}.profile-details h2{color:#fff;margin:0;text-align:center;font-size:20px}.profile-info{width:100%;background-color:var(--background-secondary);border-radius:8px;padding:20px;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-color-secondary);font-weight:500}.info-row .value{color:var(--text-color);font-weight:600}.status-indicator .value{display:flex;align-items:center;gap:6px}.status-dot{width:10px;height:10px;border-radius:50%;margin-right:7px;display:inline-block}.value.active .status-dot{background-color:#4caf50}.value.inactive .status-dot{background-color:#f44336}.settings-view{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center}.settings-view h2{color:#fff;margin:0 0 20px;text-align:center}.settings-section{width:100%;background-color:var(--background-secondary);border-radius:8px;padding:20px;margin-bottom:20px;box-sizing:border-box}.settings-section h3{color:#fff;margin:0 0 15px;padding-bottom:10px;border-bottom:1px solid var(--border-color);font-size:16px}.setting-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0}.setting-label-container{display:flex;align-items:center;gap:8px}.setting-label{color:var(--text-color-secondary)}.tooltip-icon{color:var(--text-color-secondary);font-size:14px;cursor:help;position:relative;display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border:1px solid var(--text-color-secondary);border-radius:50%}.tooltip-icon:hover:after{content:attr(data-tooltip);position:absolute;left:24px;top:50%;transform:translateY(-50%);background-color:var(--background-tertiary);color:var(--text-color);padding:8px 12px;border-radius:4px;font-size:12px;min-width:125px;max-width:150px;white-space:normal;z-index:1000;border:1px solid var(--border-color);box-shadow:0 2px 4px #0003;line-height:1.4}.toggle{position:relative;display:inline-block;width:44px;height:22px}.toggle input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#555;transition:.3s;border-radius:22px}.toggle-slider:before{position:absolute;content:"";height:16px;width:16px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}input:checked+.toggle-slider{background-color:var(--primary-accent)}input:checked+.toggle-slider:before{transform:translate(22px)}.settings-button{width:100%;padding:12px;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;margin-top:12px;transition:all .2s ease-in-out;text-align:center}.settings-button.primary{background-color:var(--background-secondary);border:1px solid var(--border-color);box-shadow:0 0 5px #9333ea4d}.settings-button.primary:hover{background-color:var(--background-tertiary);box-shadow:0 0 15px #9333ea80;transform:scale(.98)}.settings-button.danger{background-color:#d32f2f;margin-top:12px}.settings-button.danger:hover{background-color:#b71c1c;transform:scale(.98)}.reset-button{width:100%;padding:12px;background-color:#616161;color:#fff;border:none;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;margin-top:20px;transition:background-color .2s ease}.reset-button:hover{background-color:#424242}.logout-button{width:100%;padding:12px;background-color:#d32f2f;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;margin-top:12px;transition:all .2s ease-in-out}.logout-button:hover{background-color:#b71c1c;transform:scale(.98)}.position-select{padding:8px;border:1px solid var(--border-color, #444);border-radius:4px;background-color:var(--background-secondary, #2a2a2a);color:var(--text-color, #e0e0e0)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--background-secondary)}::-webkit-scrollbar-thumb{background:#555;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#666}.profile-action-buttons{display:flex;gap:12px;width:100%;margin-top:20px}.profile-action-button{flex:1;padding:12px;border:none;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease-in-out;color:#fff;transform:scale(.98)}.profile-action-button.primary{background-color:var(--primary-accent);transform:scale(.98);box-shadow:0 0 10px #8a2be280}.profile-action-button.primary:hover{background-color:#7b1fa2;transform:scale(.95)}.profile-action-button.primary:active{transform:scale(.92);box-shadow:0 0 5px #8a2be266;transition-duration:.1s}.profile-action-button.secondary{background-color:var(--background-secondary);border:1px solid var(--border-color);box-shadow:0 0 15px #9333eab3;position:relative}.profile-action-button.secondary:hover{background-color:var(--background-tertiary);box-shadow:0 0 25px #9333eae6;transform:scale(.95)}.profile-action-button.secondary:active{transform:scale(.92);box-shadow:0 0 10px #9333ea99;transition-duration:.1s}@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:10px;display:flex;flex-direction:column;gap:12px;height:100%}.panel-section,.unused-section{background-color:#333;border-radius:6px;padding:8px}.panel-section{flex-grow:1;display:flex;flex-direction:column}.panel-section h3,.unused-section h3{margin-top:0;margin-bottom:6px;font-size:.8em;color:#bbb;text-transform:uppercase;letter-spacing:.5px}.panel-row,.unused-stats-container{background-color:#282828;border:1px dashed #555;border-radius:4px;padding:6px;min-height:40px;display:flex;flex-wrap:wrap;gap:6px;align-items:center;transition:background-color .2s ease;margin-bottom:8px}.panel-row{margin-bottom:10px}.panel-row:last-of-type{margin-bottom:12px}.panel-row.dragging-over,.unused-stats-container.dragging-over{background-color:#4a4a4a;border-color:#888}.stat-tile{background-color:#8a2be2;color:#fff;padding:4px 8px;border-radius:3px;font-size:.75em;font-weight:500;cursor:grab;transition:background-color .2s ease,box-shadow .2s ease;box-shadow:0 1px 2px #0003;-webkit-user-select:none;user-select:none;border:1px solid #7b1fa2;position:relative;text-decoration:none!important;outline:none!important}.stat-tile:hover{background-color:#ba68c8;text-decoration:none!important;outline:none!important;color:#fff!important;border-color:#7b1fa2!important}.stat-tile.dragging{box-shadow:0 3px 6px #0000004d;cursor:grabbing}.stat-tile:after{content:attr(data-description);position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:4px 8px;border-radius:3px;font-size:10px;white-space:nowrap;opacity:0;visibility:hidden;transition:opacity .2s ease;pointer-events:none;z-index:1000;box-shadow:0 1px 3px #0003;border:1px solid #444}.stat-tile:before{content:"";position:absolute;bottom:calc(100% + 1px);left:50%;transform:translate(-50%);border-width:5px;border-style:solid;border-color:#333 transparent transparent transparent;opacity:0;visibility:hidden;transition:opacity .2s ease;pointer-events:none}.stat-tile:hover:after,.stat-tile:hover:before{opacity:1;visibility:visible;transition-delay:.7s}.stat-tile[role=button]{cursor:pointer}.hud-instructions{font-size:.75em;color:#ccc;text-align:center;margin-top:auto;padding-top:8px}.hud-instructions p{margin:3px 0}.link-button{background:none;border:none;color:#2196f3;text-decoration:underline;cursor:pointer;padding:0;font-size:inherit}.link-button:hover{color:#1976d2}@property --swing-x{initial-value: 0; inherits: false; syntax: "<integer>";}@property --swing-y{initial-value: 0; inherits: false; syntax: "<integer>";}.not-found-page *,.not-found-page *:after,.not-found-page *:before{box-sizing:border-box;transform-style:preserve-3d}.not-found-page{--shadow: hsl(0 0% 0% / .9);--bg: hsl(0 0% 70%);--header: hsl(0 0% 65%);--lit-header: hsl(0 0% 100%);--speed: 2s;--ease: linear( 0 0%, .0036 9.62%, .0185 16.66%, .0489 23.03%, .0962 28.86%, .1705 34.93%, .269 40.66%, .3867 45.89%, .5833 52.95%, .683 57.05%, .7829 62.14%, .8621 67.46%, .8991 70.68%, .9299 74.03%, .9545 77.52%, .9735 81.21%, .9865 85%, .9949 89.15%, 1 100% );color-scheme:dark only;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;min-height:100vh;gap:1rem;background:var(--bg);font-family:system-ui,-apple-system,Segoe UI,Helvetica Neue,Helvetica,Arial,sans-serif;perspective:1200px;position:relative}.not-found-page:before{--size: 45px;--line: color-mix(in lch, canvas, transparent 85%);content:"";height:100vh;width:100vw;position:fixed;background:linear-gradient(90deg,var(--line) 1px,transparent 1px var(--size)) 50% 50% / var(--size) var(--size),linear-gradient(var(--line) 1px,transparent 1px var(--size)) 50% 50% / var(--size) var(--size);mask:linear-gradient(-35deg,transparent 30%,white);top:0;transform-style:flat;pointer-events:none;z-index:-1}.not-found-page p{font-weight:100}.not-found-page .not-found-message{font-size:2.5rem;font-weight:300;margin:2rem 0;color:#fff;animation:swing var(--speed) infinite alternate-reverse var(--ease);--x: calc(50% + (var(--swing-x) * .3) * 1%);background:radial-gradient(50% 200% at var(--x) -30%,rgba(255,255,255,.9),rgba(255,255,255,.6));-webkit-background-clip:text;background-clip:text;color:transparent}.not-found-page .back-home-button{display:inline-block;padding:1rem 2.5rem;background:linear-gradient(135deg,#8352fd,#6a3fc8);color:#fff;text-decoration:none;border-radius:50px;font-weight:600;font-size:1.1rem;letter-spacing:.5px;transition:all .3s ease;box-shadow:0 4px 15px #8352fd66;position:relative;overflow:hidden;margin-top:1rem}.not-found-page .back-home-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.not-found-page .back-home-button:hover{background:linear-gradient(135deg,#9668ff,#8352fd);box-shadow:0 6px 25px #8352fd99;transform:translateY(-2px)}.not-found-page .back-home-button:hover:before{left:100%}.not-found-page .back-home-button:active{transform:translateY(0)}.not-found-page h1{animation:swing var(--speed) infinite alternate var(--ease);font-size:clamp(5rem,40vmin,20rem);font-family:system-ui,-apple-system,Segoe UI,Helvetica Neue,Arial,sans-serif;font-weight:800;margin:0;letter-spacing:1rem;transform:translateZ(0);--x: calc(50% + (var(--swing-x) * .5) * 1%);background:radial-gradient(var(--lit-header),var(--header) 45%) var(--x) 100%/200% 200%;-webkit-background-clip:text;background-clip:text;color:transparent}.not-found-page h1 span{animation:swing var(--speed) infinite alternate var(--ease);position:absolute;top:0;left:0;color:var(--shadow);filter:blur(1.5vmin);transform:scale(1.05) translate3d(0,12%,-10vmin) translate(calc((var(--swing-x) * .05) * 1%),calc((var(--swing-y) * -.025) * 1%))}.not-found-page .cloak{animation:swing var(--speed) infinite alternate-reverse var(--ease);height:100%;width:100%;transform-origin:50% 25%;transform:rotate(calc(var(--swing-x) * -.25deg));background:radial-gradient(40% 40% at 50% calc(42% + (var(--swing-y) * .01%)),transparent,hsl(0 0% 2% / .94) 38vmax)}.not-found-page .cloak__wrapper{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.not-found-page .cloak__container{height:250vmax;width:250vmax;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.not-found-page .info{color:color-mix(in lch,canvasText,transparent 75%);text-align:center;line-height:1.5;width:44ch;max-width:calc(100% - 2rem);display:flex;flex-direction:column;gap:1rem;transition:color .25s var(--ease)}.not-found-page .info:is(:hover,:focus-within){color:canvasText}.not-found-page .info p{--x: calc(50% + (var(--swing-x) * .5) * 1%);animation:swing var(--speed) infinite alternate-reverse var(--ease);background:radial-gradient(50% 250% at var(--x) -50%,color-mix(in lch,canvasText,transparent 25%),color-mix(in lch,canvasText,transparent 75%));-webkit-background-clip:text;background-clip:text;color:transparent}.not-found-page p::selection{background:red;color:canvas}@keyframes swing{0%{--swing-x: -100;--swing-y: -100}50%{--swing-y: 0}to{--swing-y: -100;--swing-x: 100}}