:root{--bg-deep: #06284a;--panel: #0e3a5c;--panel-2: #0a3050;--panel-head: #1a485f;--panel-border: #041d38;--panel-hi: #3f6d86;--ink: #ffffff;--ink-soft: #bcd3e2;--ink-dim: #7f9db0;--gold: #f2c21e;--lime: #89dc00;--magenta: #ef00b8;--orange: #e79a2b;--cyan: #24c6dd;--steel: #5c7180;--font-pixel: "Habbo Volter", "Courier New", monospace;--font-body: "Habbo Ubuntu", Arial, sans-serif}html{scrollbar-color:var(--panel-head) var(--bg-deep)}body{background-color:var(--bg-deep);background-image:linear-gradient(#06284aeb,#06284aeb),url(/img/backgrounds/traxbg.png);background-size:400px;background-attachment:fixed;color:var(--ink);font-family:var(--font-body);image-rendering:pixelated;margin:0;min-height:100dvh}.trax-pixel{font-family:var(--font-pixel);letter-spacing:.5px}.trax-scope a{color:var(--cyan)}.trax-panel{background:var(--panel);border:2px solid var(--panel-border);border-radius:4px;box-shadow:inset 0 2px #3f6d8680,0 3px #00000059;overflow:hidden}.trax-panel__head{background:var(--panel-head);color:var(--ink);font-family:var(--font-pixel);font-size:15px;text-transform:uppercase;letter-spacing:1px;padding:8px 14px;border-bottom:2px solid var(--panel-border);box-shadow:inset 0 2px #5c718099;display:flex;align-items:center;gap:8px}.trax-panel__body{padding:12px 14px}.trax-btn{font-family:var(--font-pixel);font-size:13px;color:#08283f;background:var(--gold);border:2px solid var(--panel-border);border-radius:4px;padding:7px 14px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:8px;box-shadow:inset 0 2px #ffffff73,0 2px #00000059;transition:filter .15s ease,transform .05s ease}.trax-btn:hover{filter:brightness(1.08)}.trax-btn:active{transform:translateY(1px)}.trax-btn--magenta{background:var(--magenta);color:#fff}.trax-btn--lime{background:var(--lime);color:#0b2b12}.trax-btn--cyan{background:var(--cyan);color:#06283a}.trax-btn--navy{background:var(--panel-head);color:#fff}.trax-nav{background:linear-gradient(var(--panel-head),var(--panel-2));border:2px solid var(--panel-border);border-radius:4px;box-shadow:inset 0 2px #5c718099;display:flex;align-items:stretch;gap:4px;padding:4px 8px;margin-bottom:10px}.trax-nav__links{display:flex;gap:2px;margin:0 auto;list-style:none;padding:0}.trax-nav__links a{font-family:var(--font-pixel);font-size:14px;color:var(--ink);text-decoration:none;text-transform:uppercase;letter-spacing:1px;padding:8px 14px;border-radius:4px;display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.trax-nav__links a:hover{background:#ffffff1a}.trax-nav__links a.is-active{color:var(--gold)}.trax-nav__socials{display:flex;align-items:center;gap:4px}.trax-nav__socials a{color:var(--ink);width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;border-radius:4px;background:#00000040;text-decoration:none;font-size:15px}.trax-nav__login{display:inline-flex;align-items:center;color:var(--ink);background:#00000040;border-radius:4px;padding:0 10px;text-decoration:none}.trax-side{display:flex;flex-direction:column;gap:12px}.trax-discover__item{display:flex;align-items:center;justify-content:space-between;font-family:var(--font-pixel);font-size:13px;color:var(--ink);background:var(--panel-2);border:2px solid var(--panel-border);border-radius:4px;padding:8px 12px;margin-bottom:8px;box-shadow:inset 0 2px #5c718059;cursor:pointer;text-decoration:none}.trax-discover__item:last-child{margin-bottom:0}.trax-discover__item:hover{background:var(--panel-head)}.trax-discover__item .chev{color:var(--gold)}.trax-login__socials{display:flex;gap:8px;justify-content:center;margin-bottom:10px}.trax-login__socials button,.trax-login__socials a{width:34px;height:34px;border-radius:50%;border:2px solid var(--panel-border);background:#fff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font-size:16px}.trax-login input{width:100%;font-family:var(--font-body);padding:8px 10px;margin-bottom:8px;border:2px solid var(--panel-border);border-radius:4px;background:#0b2f4e;color:var(--ink);box-sizing:border-box}.trax-login input::placeholder{color:var(--ink-dim)}.trax-login__actions{display:flex;gap:8px}.trax-login__actions .trax-btn{flex:1;justify-content:center}.trax-login__help{display:block;text-align:center;margin-top:10px;font-size:12px;color:var(--cyan);text-decoration:none}.trax-hit{display:flex;gap:10px;align-items:center;padding:8px 0;border-top:1px solid rgba(92,113,128,.35)}.trax-hit:first-child{border-top:0}.trax-hit__thumb{width:42px;height:42px;border-radius:4px;background:var(--panel-2);border:2px solid var(--panel-border);flex:0 0 auto;object-fit:cover}.trax-hit__title{font-family:var(--font-pixel);font-size:13px;margin:0}.trax-hit__artist{font-size:12px;color:var(--gold)}.trax-profile{display:flex;gap:12px;align-items:center}.trax-profile__avatar{width:54px;height:70px;object-fit:contain;image-rendering:pixelated;background:var(--panel-2);border:2px solid var(--panel-border);border-radius:4px}.trax-profile__stat{font-family:var(--font-pixel);font-size:13px}.trax-profile__stat b{color:var(--gold)}.trax-footer{text-align:center;color:var(--ink-dim);font-size:12px;padding:22px 12px 0;line-height:1.6}.trax-footer strong{color:var(--ink-soft)}@media (max-width: 1000px){.trax-nav__links a{padding:8px 10px;font-size:12px}}@font-face{font-family:Habbo Volter;src:url(/fonts/volter-goldfish.ttf)}@font-face{font-family:Habbo Volter;src:url(/fonts/volter-bold-goldfish.ttf);font-weight:700}@font-face{font-family:Habbo Ubuntu;src:url(/fonts/2_class_30_Ubuntu.otf)}@font-face{font-family:Habbo Ubuntu Condensed;src:url(/fonts/11_class_49_Ubuntu.otf)}body{margin:0}*{box-sizing:border-box}@view-transition{navigation: auto;}.container{width:100%;max-width:1200px;margin-right:auto;margin-left:auto}@media only screen and (max-width: 600px){.container{max-width:100%}}@media only screen and (min-width: 601px) and (max-width: 900px){.container{max-width:80%}}@media only screen and (min-width: 901px) and (max-width: 1200px){.container{max-width:1000px}}input[type=button],input[type=submit],button{cursor:pointer}button .dialogContainer{cursor:initial}dialog{padding:0;border:0;background:transparent;font-family:sans-serif}dialog::backdrop{background:#0006;cursor:pointer}dialog[open],dialog::backdrop{animation:show .5s ease}button:has(>svg[data-icon=google]):hover,button:has(>svg[data-icon=google]:hover),a:has(>svg[data-icon=google]):hover,a:has(>svg[data-icon=google]:hover){color:#fff!important;background-color:#4285f4!important}button:has(>svg[data-icon=twitter]):hover,button:has(>svg[data-icon=twitter]:hover),a:has(>svg[data-icon=twitter]):hover,a:has(>svg[data-icon=twitter]:hover){color:#fff!important;background-color:#1da1f2!important}button:has(>svg[data-icon=youtube]):hover,button:has(>svg[data-icon=youtube]:hover),a:has(>svg[data-icon=youtube]):hover,a:has(>svg[data-icon=youtube]:hover){color:#fff!important;background-color:red!important}button:has(>svg[data-icon=discord]):hover,button:has(>svg[data-icon=discord]:hover),a:has(>svg[data-icon=discord]):hover,a:has(>svg[data-icon=discord]:hover){color:#fff!important;background-color:#5865f2!important}button:has(>svg[data-icon=instagram]):hover,button:has(>svg[data-icon=instagram]:hover),a:has(>svg[data-icon=instagram]):hover,a:has(>svg[data-icon=instagram]:hover){color:#fff!important;background-color:#dd2a7b!important}button:has(>svg[data-icon=envelope]):hover,button:has(>svg[data-icon=envelope]:hover),a:has(>svg[data-icon=envelope]):hover,a:has(>svg[data-icon=envelope]:hover){color:#fff!important;background-color:#8b5bfe!important}