:root{font-family:Inter,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}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}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:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif}.app-container{display:flex}.sidebar{width:250px;background-color:#222;color:#fff;padding:20px;height:100vh;box-shadow:2px 0 10px #0000004d}.logo-container{margin-bottom:40px;box-shadow:0 4px #00000026}.logo-container h2{font-size:24px;font-weight:700}.logo-container:active{background-color:#7979795e}.nav-links{display:flex;flex-direction:column}.nav-item{margin:15px 0}.nav-link{color:#fff;text-decoration:none;font-size:18px;display:flex;align-items:center;padding:10px;transition:background-color .3s ease}.nav-link:hover,.nav-link:active{font-weight:700;background-color:#7979795e;color:#fff}.nav-link.active-link{font-weight:700;background-color:#a0a0a080}#nav-gold .nav-link.active-link{background-color:#fff00080}#nav-xp .nav-link.active-link{background-color:#66339980}.nav-item a .logo{margin-right:10px}.main-content{flex:1;padding:20px}h1{color:#333}.gold-tracker-container{padding:40px;color:#f4f4f9}h1{font-size:2.5rem;color:#f4f4f9;margin-bottom:20px}.gold-section,.players-section,.split-section{margin-bottom:30px}.gold-section p{text-shadow:2px 2px 4px rgba(0,0,0,.9);margin-bottom:20px}.split-section p{text-shadow:2px 2px 4px rgba(0,0,0,.9)}button{background-color:#09bc8a;color:#fff;padding:12px 20px;border:none;border-radius:5px;font-size:1rem;margin-right:15px;cursor:pointer;transition:background-color .3s ease}button:hover{background-color:#0a9d76}button:active{transform:translateY(2px)}#gold-button-reset{background-color:#f83a3a;color:#fff;padding:12px 20px;border:none;border-radius:5px;font-size:1rem;margin-right:15px;cursor:pointer;transition:background-color .3s ease}#gold-button-reset:hover{background-color:#ca2f2f}input{padding:10px;font-size:1rem;border:1px solid #ccc;border-radius:5px;background-color:#444;color:#f4f4f9}input:focus{outline:none;border-color:#09bc8a}p{font-size:1.2rem;color:#f4f4f9}strong{color:#fff000}#players-label{color:#09bc8a;font-weight:700}.xp-tracker-container{padding:20px;font-family:Arial,sans-serif;text-align:center;max-width:800px;margin:0 auto;background-color:#272727;border-radius:10px;box-shadow:0 4px 10px #0000001a}.xp-inputs{display:flex;flex-wrap:wrap;justify-content:space-around;gap:20px;margin:20px 0}.input-group{display:flex;flex-direction:column;align-items:flex-start;gap:10px;width:100%;max-width:300px}label{font-weight:700;margin-bottom:5px;color:#fff;text-align:left}input,select{padding:10px;font-size:1rem;width:100%;max-width:300px;border:1px solid #ccc;border-radius:5px;transition:border-color .3s,box-shadow .3s}input:focus,select:focus{border-color:#8c3adf;box-shadow:0 0 5px #8c3adf80;outline:none}.xp-results{display:flex;flex-wrap:wrap;justify-content:space-around;gap:20px;margin-top:20px;text-shadow:3px 3px 3px rgb(0,0,0,.6)}.xp-gained-label strong{color:#8c3adf;text-shadow:3px 3px 3px rgb(0,0,0,.6)}.xp-column{display:flex;flex-direction:column;align-items:center}.checkbox-container{display:flex;align-items:center;gap:10px;font-weight:700;color:#333;margin-bottom:15px;text-align:left}.dropdown-container{display:flex;gap:20px;flex-wrap:wrap}.dropdown-container label{display:flex;flex-direction:column;justify-content:center}select{margin-left:0}.new-elements{margin-bottom:30px;text-align:center}.xp-tracker-container h1{font-size:2rem;color:#8c3adf;margin-bottom:20px}.xp-tracker-container p{font-size:1.2rem;color:#fff;margin-bottom:10px}.progress-bar-container{position:relative;width:100%;background-color:#444;border-radius:5px;overflow:hidden;height:30px}.progress-bar{height:100%;background-color:#8c3adf;text-align:center;color:#fff;line-height:30px;white-space:nowrap;font-weight:700}.remaining-xp{position:absolute;top:0;right:10px;height:100%;display:flex;align-items:center;color:#fff;font-weight:700;pointer-events:none}.progress-percentage{margin-top:5px;font-weight:700;color:#333;text-align:center}@media (max-width: 768px){.xp-inputs{flex-direction:column;align-items:center}.xp-results,.dropdown-container{flex-direction:column}}*{margin:0;padding:0;box-sizing:border-box;font-family:Helvetica Neue,Arial,sans-serif}body{background:radial-gradient(circle,#2b2b2b,#383838);color:#f4f4f9}.home-container{padding:40px;text-align:center;max-width:1200px;margin:0 auto}.home-container h1{font-size:3rem;color:#f1f1f1;margin-bottom:10px;font-weight:600;letter-spacing:1px}.home-container p{font-size:1.5rem;margin:20px 0;color:#666;font-weight:300}.links-container{display:flex;flex-direction:column;align-items:center;gap:20px}.link-card{background-color:#09bc8a;color:#fff;font-weight:500;text-decoration:none;padding:20px;margin:10px 0;border-radius:12px;width:80%;max-width:600px;text-align:center;font-size:1.2rem;box-shadow:0 4px 8px #0000001a;transition:background-color .3s ease,transform .3s ease,box-shadow .3s ease}.link-card:hover{background-color:#0a9d76;transform:translateY(-5px);box-shadow:0 6px 12px #00000026}@media (max-width: 768px){.link-card{width:90%}}.link-text{display:block;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.link-card:focus{outline:none;background-color:#0a9d76}