@font-face{font-family:Ithaca;src:url(/fonts/Ithaca.ttf) format("truetype");font-display:swap}@font-face{font-family:Pixel Emulator;src:url(/fonts/PixelEmulator.otf) format("opentype");font-display:swap}:root{--html-bg: #3c3c3c;--body-bg: #283f48;--navy: #1a485f;--grey: #4f4f4f;--slate: #5f7e89;--grey-light: #6a6c6c;--deep: #06284a;--gold: #ffcb00;--lime: #89dc00;--orange: #efb100;--pink: #ef00b8;--cyan: #00d2dc;--genre-line: #143d51;--ticker-ink: #2b2b2b;--placeholder: #8a9da7;--help-ink: #efefef;--help-line: #9fb0b9;--font-chrome: "Pixel Emulator", "Habbo Volter", monospace;--font-body: "Ithaca", "Habbo Volter", Arial, sans-serif}html{scrollbar-color:var(--slate) var(--html-bg)}body{margin:0;min-height:100dvh;background:var(--html-bg);color:#fff;font-family:var(--font-body);font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img{image-rendering:pixelated}.stroke{--sc: #000}.stroke,.widget__head,.genre,.px-btn--register,.px-btn--login,.trax-opt,.account__menu button,.px-dialog__head{text-shadow:-1px -1px 0 var(--sc),0 -1px 0 var(--sc),1px -1px 0 var(--sc),-1px 0 0 var(--sc),1px 0 0 var(--sc),-1px 1px 0 var(--sc),0 1px 0 var(--sc),1px 1px 0 var(--sc)}.visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.trax-app{position:relative;width:1200px;margin:2px auto 0;background:var(--body-bg);border-radius:0 0 20px 20px}.trax-head{position:relative;height:123px}.trax-logo{position:absolute;left:12px;top:10px;display:block;line-height:0}.trax-logo img{width:420px;height:69px}.trax-ticker{position:absolute;left:449px;top:34px;width:700px;height:31px;background:url(/img/shark/chat_balloon.png) no-repeat}.trax-ticker__line{position:absolute;left:40px;top:4px;width:652px;height:15px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-family:var(--font-body);font-size:16px;line-height:15px;color:var(--ticker-ink);text-decoration:none}.trax-ticker__line[hidden]{display:none}a.trax-ticker__line:hover{text-decoration:underline}.trax-mascot{position:absolute;left:1142px;top:37px;width:50px;height:50px}.trax-nav{position:absolute;left:0;top:82px;width:1200px;height:41px;background:url(/img/shark/bg_menu.png) no-repeat}.trax-nav__links{position:absolute;left:0;top:13px;width:1200px;height:16px;margin:0;padding:0 0 0 19px;list-style:none;display:flex;justify-content:center;gap:49px}.trax-nav__links li{position:relative}.trax-nav__links a{display:block;height:16px;font-family:var(--font-chrome);font-size:14px;line-height:16px;color:#fff;text-decoration:none;text-transform:uppercase;white-space:nowrap;text-shadow:-1px -1px 0 #000,0 -1px 0 #000,1px -1px 0 #000,-1px 0 0 #000,1px 0 0 #000,-1px 1px 0 #000,0 1px 0 #000,1px 1px 0 #000,-1px 2px 0 #000,0 2px 0 #000,1px 2px 0 #000,-1px 3px 0 #000,0 3px 0 #000,1px 3px 0 #000}.trax-nav__links a:hover{color:var(--gold)}.trax-nav__links a[aria-disabled=true]{cursor:default}.trax-nav__links a[aria-disabled=true]:hover{color:#fff}.trax-nav__links a[aria-current=page]:before{content:"";position:absolute;left:-22px;top:0;width:14px;height:14px;background:url(/img/shark/disk_indicator.png) no-repeat}.trax-socials{position:absolute;left:1086px;top:6px;width:107px;height:30px;background:url(/img/shark/social_media.png) no-repeat}.trax-socials a{position:absolute;top:0;height:30px}.trax-socials a:hover{filter:brightness(1.15);background:inherit}.trax-socials a:nth-child(1){left:0;width:31px;background-position:0 0}.trax-socials a:nth-child(2){left:37px;width:32px;background-position:-37px 0}.trax-socials a:nth-child(3){left:76px;width:31px;background-position:-76px 0}.trax-banner{position:relative;height:150px;overflow:hidden}.trax-banner swiper-container{display:block;width:1200px;height:150px}.trax-banner swiper-slide a{display:block;line-height:0}.trax-banner swiper-slide img{display:block;width:1200px;height:150px;object-fit:cover;object-position:center;image-rendering:auto}.trax-cols{display:grid;grid-template-columns:262px 636px 262px;gap:10px;align-items:start;padding:13px 10px}.trax-side{display:flex;flex-direction:column;align-items:center;background:var(--slate);border-radius:6px;padding:7px 6px 16px;gap:13px}.trax-side--left{gap:29px;padding-bottom:24px}.trax-main{min-width:0;background:var(--html-bg);border-radius:15px;padding:25px 24px 24px}.widget{position:relative;width:250px;flex:0 0 auto}.widget__head{position:relative;height:26px;margin:0;padding:0 0 0 5px;background:url(/img/shark/widget_top.png) no-repeat;font-family:var(--font-chrome);font-size:12px;font-weight:400;line-height:26px;text-align:center;text-transform:uppercase;white-space:nowrap;color:#fff;--sc: var(--body-bg)}.widget__icon{position:absolute;left:67px;top:6px}.widget__head a{color:inherit;text-decoration:none}.widget--logon .widget__head{line-height:22px;padding-left:6px}.widget__body{position:relative;background:url(/img/shark/widgets_bg_content.png) repeat-y}.widget:after{content:"";display:block;height:6px;background:url(/img/shark/widget_bottom.png) no-repeat}.genres{list-style:none;margin:0;padding:10px 8px 6px}.genres li+li{margin-top:6px}.genre{display:flex;align-items:center;justify-content:space-between;height:23px;padding:0 9px 2px 8px;background:var(--slate);border:1px solid var(--genre-line);border-radius:6px;font-family:var(--font-body);font-size:18px;line-height:16px;color:#fff;text-decoration:none;--sc: var(--genre-line)}.genre:hover{background:#6d8e9a}.genre:focus-visible{outline:1px solid var(--gold);outline-offset:1px}.genre__chev{font-size:18px;letter-spacing:0}.djs{position:relative;height:109px}.djs__crowd{position:absolute;left:44px;top:18px;width:164px;height:88px}.djs__tag{position:absolute;left:159px;top:78px;height:17px;padding:0 7px 0 8px;background:#d9d9d9;border:1px solid #000;border-radius:2px;font-family:var(--font-body);font-size:16px;line-height:14px;color:#000;text-decoration:none;white-space:nowrap}.logon{position:relative;height:174px}.logon__socials{position:absolute;left:97px;top:8px;width:119px;height:31px;background:url(/img/shark/login_social.png) no-repeat}.logon__socials>*{position:absolute;top:1px;width:29px;height:29px;padding:0;border:0;border-radius:50%;background:transparent;cursor:pointer}.logon__socials>*:hover{box-shadow:0 0 0 1px var(--gold)}.logon__socials>:nth-child(1){left:1px}.logon__socials>:nth-child(2){left:30px}.logon__socials>:nth-child(3){left:60px}.logon__socials>:nth-child(4){left:89px}.logon__avatar{position:absolute;left:21px;top:35px;width:36px;height:90px;z-index:1}.logon__shadow{position:absolute;left:19px;top:113px;width:43px;height:13px;border-radius:50%;background:#0000004d}.field{position:absolute;left:75px;width:163px;height:24px;margin:0;padding:1px 9px 0;border:0;border-radius:0;background:url(/img/shark/input.png) no-repeat;font-family:var(--font-body);font-size:16px;line-height:15px;color:var(--navy);outline:none;appearance:none}.field::placeholder{color:var(--placeholder);opacity:1}.field:focus{filter:drop-shadow(0 0 0 var(--gold))}.field--user{top:44px}.field--pass{top:75px}.px-btn{display:inline-flex;align-items:center;justify-content:center;height:27px;margin:0;padding:0;border:0;background:transparent;font-family:var(--font-body);font-size:16px;line-height:15px;text-transform:uppercase;color:#fff;text-decoration:none;white-space:nowrap;cursor:pointer}.px-btn:hover{filter:brightness(1.08)}.px-btn:active{transform:translateY(1px)}.px-btn--register{padding-right:2px;border-image:url(/img/shark/btn_register.png) 6 fill / 6px stretch;--sc: #44c1e7}.px-btn--login{border-image:url(/img/shark/btn_login.png) 6 fill / 6px stretch;--sc: #31a725}.logon .px-btn{position:absolute;top:106px;width:78px}.logon .px-btn--register{left:75px}.logon .px-btn--login{left:160px}.logon__help{position:absolute;left:0;top:145px;width:250px;padding-left:1px;text-align:center;font-family:var(--font-body);font-size:16px;line-height:15px;color:var(--help-ink);text-decoration:underline;text-decoration-color:var(--help-line);text-underline-offset:2px}.logon__help:hover{color:var(--gold)}.logon__status{position:absolute;left:75px;top:136px;width:163px;font-size:16px;line-height:15px;color:var(--gold);text-align:center}.account{position:relative;padding:10px 12px 12px 8px;min-height:108px}.account__avatar{position:absolute;left:21px;top:10px;width:36px;height:90px;z-index:1}.account .logon__shadow{top:88px}.account__info{margin-left:67px}.account__name{font-size:18px;line-height:17px;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account__meta{margin-top:4px;font-size:16px;line-height:15px;color:var(--placeholder)}.account__menu{display:flex;align-items:center;gap:6px;margin-top:10px;padding:4px 6px;background:#3e606e;border-radius:3px;width:max-content}.account__menu button{display:inline-flex;align-items:center;gap:6px;padding:0;border:0;background:transparent;font-family:var(--font-body);font-size:16px;line-height:16px;color:#fff;cursor:pointer;--sc: #000}.account__menu button:hover{color:var(--gold)}.trax-editor{position:relative;width:589px;height:395px}.trax-editor iframe{position:absolute;left:-1px;top:-1px;width:591px;height:397px;border:0;display:block}.trax-editor:fullscreen{width:100%;height:100%;display:grid;place-items:center;background:var(--html-bg)}.trax-editor:fullscreen iframe{position:static}.trax-options{position:relative;display:flex;gap:12px;width:589px;height:30px;margin-top:12px}.trax-opt{position:relative;flex:0 0 auto;height:28px;padding:0;border:0;background:transparent no-repeat;font-family:var(--font-body);font-size:16px;line-height:15px;text-transform:uppercase;color:#fff;text-align:left;cursor:pointer;--sc: #000}.trax-opt:hover{filter:brightness(1.06)}.trax-opt:active{transform:translateY(1px)}.trax-opt:focus-visible{outline:1px solid var(--gold);outline-offset:2px}.trax-opt--109{width:109px;background-image:url(/img/shark/trax_option_109.png)}.trax-opt--98{width:98px;background-image:url(/img/shark/trax_option_98.png)}.trax-opt--85{width:85px;background-image:url(/img/shark/trax_option_85.png)}.trax-opt img{position:absolute}.trax-opt span{position:absolute;top:6px;white-space:nowrap}.trax-main.page{padding:18px 18px 40px}.page{font-family:var(--font-body);font-size:16px;line-height:15px;color:#fff}.page h1,.page h2,.page h3,.page h4{font-family:var(--font-chrome);font-weight:400;text-transform:uppercase;color:#fff;margin:0;--sc: #000;text-shadow:-1px -1px 0 #000,0 -1px 0 #000,1px -1px 0 #000,-1px 0 0 #000,1px 0 0 #000,-1px 1px 0 #000,0 1px 0 #000,1px 1px 0 #000,-1px 2px 0 #000,0 2px 0 #000,1px 2px 0 #000,-1px 3px 0 #000,0 3px 0 #000,1px 3px 0 #000}.page h1,.page h2{font-size:25px;line-height:22px}.page h3{font-size:16px;line-height:16px}.page h4{font-size:14px;line-height:14px}.prose,.page p,.page li{text-shadow:-1px -1px 0 #585858,0 -1px 0 #585858,1px -1px 0 #585858,-1px 0 0 #585858,1px 0 0 #585858,-1px 1px 0 #585858,0 1px 0 #585858,1px 1px 0 #585858,-2px 0 0 #434343,2px 0 0 #434343,0 -2px 0 #434343,0 2px 0 #434343}.page p{margin:0 0 15px}.page a{color:#fff;text-decoration:underline;text-decoration-color:var(--help-line);text-underline-offset:2px}.page a:hover{color:var(--gold)}.page hr{border:0;border-top:1px solid var(--grey-light);margin:22px 0}.page ul,.page ol{margin:0 0 15px;padding-left:20px}.page li{margin-bottom:4px}.page img{max-width:100%}.page code{font-family:var(--font-body);color:var(--gold)}.page audio{color-scheme:dark}.trax-main .pill.pill{padding:3px 6px 2px;border:1px solid #000;border-radius:3px;font-size:16px;line-height:15px;color:#fff;text-shadow:0 1px 0 #000;box-shadow:inset 0 1px #ffffff40}.trax-main .pill-theme.pill{background:var(--navy)}.trax-main .pill-sampleset.pill{background:var(--slate)}.trax-main .pill-code.pill{background:#b57f00}.trax-main .pill-code.pill:hover{background:var(--orange)}.trax-footer{width:1200px;margin:0 auto;padding:14px 0 27px;text-align:center;font-family:var(--font-body);font-size:16px;line-height:15px;color:var(--placeholder)}.trax-footer p{margin:0}.trax-footer strong{color:var(--help-ink);font-weight:400}dialog.px-dialog{padding:0;border:0;background:transparent;color:#fff;font-family:var(--font-body);max-width:min(96vw,920px)}dialog.px-dialog::backdrop{background:#0000008c}.px-dialog__frame{background:var(--html-bg);border-radius:15px;padding:0 0 18px;overflow:hidden}.px-dialog__head{position:relative;height:26px;background:url(/img/shark/widget_top.png) repeat-x;background-size:auto 26px;font-family:var(--font-chrome);font-size:12px;line-height:26px;text-align:center;text-transform:uppercase;--sc: var(--body-bg)}.px-dialog__close{position:absolute;right:6px;top:4px;width:18px;height:18px;padding:0;border:1px solid #000;border-radius:3px;background:var(--grey-light);color:#fff;font-family:var(--font-chrome);font-size:10px;line-height:16px;cursor:pointer}.px-dialog__close:hover{background:var(--pink)}.px-dialog__body{padding:16px 20px 0}@media (max-width: 1219px){.trax-app{width:918px}.trax-head{height:auto;min-height:123px}.trax-ticker,.trax-mascot{display:none}.trax-nav{width:918px;background-size:1200px 41px;background-position:right top}.trax-nav__links{width:918px;justify-content:flex-start;padding-left:40px;gap:30px}.trax-socials{left:auto;right:7px}.trax-banner,.trax-banner swiper-container{width:918px}.trax-banner swiper-slide img{width:918px}.trax-cols{grid-template-columns:636px 262px}.trax-side--left{display:none}.trax-footer{width:auto}}@media (max-width: 939px){.trax-app{width:100%;border-radius:0}.trax-head{min-height:0;padding:10px 12px 0}.trax-logo{position:static}.trax-logo img{width:280px;height:auto}.trax-nav{position:relative;top:0;margin:10px -12px 0;width:auto;background:#414141;border-bottom:2px solid #000}.trax-nav__links{position:static;width:auto;height:41px;overflow-x:auto;scrollbar-width:none;align-items:center;padding:0 12px;gap:22px}.trax-nav__links::-webkit-scrollbar{display:none}.trax-nav__links a[aria-current=page]:before{display:none}.trax-nav__links a[aria-current=page]{color:var(--gold)}.trax-socials{display:none}.trax-banner,.trax-banner swiper-container{width:100%;height:auto}.trax-banner swiper-slide img{width:100%;height:auto;aspect-ratio:8 / 1}.trax-cols{grid-template-columns:minmax(0,1fr);padding:10px}.trax-cols>.trax-side{display:none}.trax-main{padding:16px;overflow-x: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}