@font-face{font-family:Ithaca;src:url(/fonts/Ithaca.ttf) format("truetype");font-display:swap}:root{--page: #3c3c3c;--container: #283f48;--panel: #1a485f;--panel-deep: #06284a;--menu: #06284a;--border: #0a2c3d;--border-menu: #414141;--hi: #3f6d86;--gold: #ffcb00;--orange: #efb100;--lime: #89dc00;--magenta: #ef00b8;--cyan: #00d2dc;--ink: #ffffff;--ink-soft: #cfe0ea;--ink-dim: #8aa6b6;--font-pixel: "Ithaca", "Habbo Volter", monospace;--font-body: "Ithaca", "Habbo Volter", Arial, sans-serif}html{scrollbar-color:var(--panel) var(--page)}body{margin:0;min-height:100dvh;background:var(--page);color:var(--ink);font-family:var(--font-body);font-size:16px;image-rendering:pixelated;-webkit-font-smoothing:none}img{image-rendering:pixelated}a{color:var(--cyan)}.trax-app{max-width:1200px;margin:20px auto 40px;background:var(--container);border-radius:20px;padding:16px}.trax-head__top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px;min-height:46px}.trax-logo{font-family:var(--font-pixel);font-size:34px;line-height:1;white-space:nowrap;text-decoration:none;-webkit-text-stroke:1px #000;text-shadow:-2px 0 #000,2px 0 #000,0 -2px #000,0 2px #000,-2px -2px #000,2px -2px #000,-2px 2px #000,2px 2px #000}.trax-logo b{font-weight:400}.trax-logo .l-t{color:var(--lime)}.trax-logo .l-r{color:var(--gold)}.trax-logo .l-a{color:var(--magenta)}.trax-logo .l-x{color:var(--cyan)}.trax-logo .l-rest{color:#fff}.trax-ticker{flex:1;max-width:420px;background:var(--panel-deep);border:2px solid var(--border-menu);border-radius:8px;padding:6px 12px;font-size:13px;color:var(--ink-soft);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.trax-head__bar{display:flex;justify-content:flex-end;margin-bottom:8px}.trax-nav{display:flex;align-items:stretch;gap:6px;background:linear-gradient(var(--panel),var(--menu));border:2px solid var(--border-menu);border-radius:8px 8px 0 0;padding:0 8px;height:41px}.trax-nav__links{display:flex;list-style:none;margin:0;padding:0}.trax-nav__links a{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-pixel);font-size:16px;color:var(--ink);text-decoration:none;text-transform:uppercase;padding:0 12px;white-space:nowrap}.trax-nav__links a:hover,.trax-nav__links a.is-active{color:var(--gold)}.trax-nav__links a.is-active .coin{display:inline-block}.trax-nav__links .coin{display:none;width:14px;height:14px}.trax-nav__socials{display:flex;align-items:center;gap:6px;margin-left:8px;padding-left:10px;border-left:2px solid rgba(255,255,255,.12)}.trax-nav__socials a{color:var(--ink);font-size:16px;display:inline-flex}.trax-nav__socials a[title=Discord]:hover{color:#5865f2}.trax-nav__socials a[title=YouTube]:hover{color:red}.trax-nav__socials a[title=X]:hover{color:#fff}.trax-banner{border:2px solid var(--border);border-radius:6px;overflow:hidden;background:var(--panel-deep)}.trax-banner swiper-container{display:block;width:100%}.trax-banner swiper-slide img{width:100%;height:150px;object-fit:cover;object-position:center;display:block}.trax-cols{display:grid;grid-template-columns:262px minmax(0,1fr) 262px;gap:10px;align-items:start;margin-top:12px}.trax-main{min-width:0;display:flex;flex-direction:column;gap:12px}.trax-side{display:flex;flex-direction:column;gap:12px}.trax-panel{background:var(--panel);border:2px solid var(--border);border-radius:6px;box-shadow:inset 0 2px #3f6d8673;overflow:hidden}.trax-panel__head{font-family:var(--font-pixel);font-size:16px;text-transform:uppercase;color:var(--ink);padding:7px 12px;border-bottom:2px solid var(--border);display:flex;align-items:center;gap:8px;background:#00000026}.trax-panel__body{padding:10px 12px}.trax-genre{display:flex;align-items:center;justify-content:space-between;font-family:var(--font-pixel);font-size:15px;color:var(--ink);background:var(--panel-deep);border:2px solid var(--border);border-radius:4px;padding:7px 10px;margin-bottom:7px;text-decoration:none}.trax-genre:last-child{margin-bottom:0}.trax-genre:hover{background:var(--menu);color:var(--gold)}.trax-genre .chev{color:var(--gold)}.trax-djs{border:2px solid var(--border);border-radius:4px;overflow:hidden}.trax-djs img{width:100%;display:block}.trax-btn{font-family:var(--font-pixel);font-size:15px;color:#06283a;background:var(--gold);border:2px solid var(--border);border-radius:4px;padding:7px 14px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;box-shadow:inset 0 2px #fff6}.trax-btn:hover{filter:brightness(1.08)}.trax-btn--magenta{background:var(--magenta);color:#fff}.trax-btn--cyan{background:var(--cyan);color:#06283a}.trax-btn--lime{background:var(--lime);color:#0b2b12}.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(--border);background:#fff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font-size:15px;color:#222;text-decoration:none}.trax-login input{width:100%;font-family:var(--font-body);font-size:14px;padding:8px 10px;margin-bottom:8px;border:2px solid var(--border);border-radius:4px;background:var(--panel-deep);color:var(--ink)}.trax-login input::placeholder{color:var(--ink-dim)}.trax-login__actions{display:flex;gap:8px}.trax-login__actions .trax-btn{flex:1}.trax-login__help{display:block;text-align:center;margin-top:10px;font-size:12px;color:var(--cyan);text-decoration:none}.trax-profile{display:flex;gap:12px;align-items:center}.trax-profile__avatar{width:50px;height:66px;object-fit:contain;background:var(--panel-deep);border:2px solid var(--border);border-radius:4px}.trax-profile__stat{font-family:var(--font-pixel);font-size:14px}.trax-profile__stat b{color:var(--gold)}.trax-footer{text-align:center;color:var(--ink-dim);font-size:12px;padding:20px 12px 0;line-height:1.6}.trax-footer strong{color:var(--ink-soft)}@media (max-width: 1040px){.trax-cols{grid-template-columns:minmax(0,1fr) 262px}.trax-cols>aside:first-child{display:none}}@media (max-width: 760px){.trax-app{margin:0;border-radius:0}.trax-cols{grid-template-columns:minmax(0,1fr)}.trax-cols>aside{display:none}.trax-head__top{flex-wrap:wrap}.trax-ticker{display:none}.trax-head__bar{justify-content:center}.trax-nav{flex-wrap:wrap;height:auto}}@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}