.styles_container__QPY5X{min-height:100vh;background:#2b2016;padding:2rem;display:flex;flex-direction:row;justify-content:center;position:relative}.styles_backButton__PLOKE{position:absolute;top:2rem;left:24px;display:flex;align-items:center;gap:.5rem;z-index:100;line-height:normal}.styles_backButton__PLOKE:hover{opacity:.5}.styles_backButtonTabContainer__gexRG{position:relative;display:inline-block;line-height:0}.styles_backButtonTab__o0x6B{display:block;position:relative;z-index:1}.styles_backButtonImage__XSrXQ{display:block;position:absolute;z-index:2;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none}.styles_backButtonText__pcsyG{font-size:1.25rem;font-weight:400;color:#ffffff;text-shadow:1px 1px 0 rgba(0,0,0,.8);white-space:nowrap;z-index:2;position:relative;transition:color .2s ease}.styles_main__s4K9e{max-width:1200px;width:100%;min-height:calc(100vh - 8rem);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem;transition:margin-right .3s ease;margin:0 auto}@media (max-width:1600px){.styles_mainWithSidebar__6cQED{margin-right:328px;margin-left:auto}}.styles_title__TWxwC{font-size:2.5rem;font-weight:700;color:#ffff00;margin:0;text-align:center;text-shadow:2px 2px 0 rgba(0,0,0,.8)}.styles_controlsWrapper__h9N9I{display:flex;flex-direction:row;gap:1rem;align-items:stretch}.styles_controls__qbOiL{display:flex;flex-direction:row;gap:2rem;background:#3e2f1f url(/runescape/side_panel_background.png);background-size:cover;background-position:50%;background-repeat:no-repeat;padding:1.5rem 2rem;border:3px solid #000000;border-radius:0;box-shadow:inset -2px -2px 0 rgba(0,0,0,.3),inset 2px 2px 0 rgba(255,255,255,.1);align-items:flex-start}.styles_controlGroup__pHFEs{display:flex;flex-direction:column;gap:.5rem}.styles_label__StByz{font-weight:400;color:#ffffff;font-size:1.25rem;text-shadow:1px 1px 0 rgba(0,0,0,.8)}.styles_buttonGroup__E2PG6{display:flex;gap:.5rem}.styles_button__s8ggl{padding:0;width:84px;height:33px;background:url(/runescape/button.png);background-size:contain;background-position:50%;background-repeat:no-repeat;color:#ffffff;border:none;border-radius:0;font-size:2.5rem;font-weight:400;font-family:inherit;cursor:pointer;transition:all .1s ease;position:relative;display:flex;align-items:center;justify-content:center;text-shadow:1px 1px 0 rgba(0,0,0,.8)}.styles_button__s8ggl:hover:not(:disabled){background-image:url(/runescape/button_hovered.png)}.styles_buttonMinus__lurne:before{content:"";position:absolute;width:100%;height:100%;background-image:url(/runescape/minus_icon.png);background-size:auto;background-position:50%;background-repeat:no-repeat;pointer-events:none}.styles_buttonMinus__lurne:hover:not(:disabled):before{background-image:url(/runescape/minus_icon_hovered.png)}.styles_buttonPlus__H92_z:before{content:"";position:absolute;width:100%;height:100%;background-image:url(/runescape/plus_icon.png);background-size:auto;background-position:50%;background-repeat:no-repeat;pointer-events:none}.styles_buttonPlus__H92_z:hover:not(:disabled):before{background-image:url(/runescape/plus_icon_hovered.png)}.styles_button__s8ggl:active:not(:disabled){transform:translateY(1px)}.styles_button__s8ggl:disabled{opacity:.5;cursor:not-allowed}.styles_radioGroup__bUGx6{display:flex;flex-direction:row;gap:.5rem;flex-wrap:wrap}.styles_radioLabel__Qm9kX{display:flex;align-items:center;gap:.5rem;cursor:pointer;padding:.5rem 1rem;background:url(/runescape/button.png);background-size:100% 100%;background-position:50%;background-repeat:no-repeat;border:none;border-radius:0;transition:all .1s ease;min-height:33px}.styles_radioLabel__Qm9kX:hover{background-image:url(/runescape/button_hovered.png)}.styles_radioInput__BQgoL{width:16px;height:16px;cursor:pointer;accent-color:#ffff00}.styles_radioText__qDdk0{color:#ffffff;font-size:1.25rem;font-weight:400;font-family:inherit;-webkit-user-select:none;-moz-user-select:none;user-select:none;text-shadow:1px 1px 0 rgba(0,0,0,.8)}.styles_piano__fulMh{position:relative;background:#3e2f1f url(/runescape/side_panel_background.png);background-size:cover;background-position:50%;background-repeat:no-repeat;padding:2rem;border:3px solid #000000;border-radius:0;box-shadow:inset -2px -2px 0 rgba(0,0,0,.3),inset 2px 2px 0 rgba(255,255,255,.1);width:100%;max-width:900px}.styles_keys__t_D17{display:flex;gap:4px;position:relative}.styles_whiteKey__vqCuy{flex:1 1;height:320px;background:#faf9f6;border:2px solid #000000;border-radius:0;font-family:inherit;cursor:pointer;transition:all .1s ease;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;padding-bottom:1rem;gap:.25rem;position:relative;box-shadow:2px 2px 0 rgba(0,0,0,.3)}.styles_whiteKey__vqCuy:hover{background:#fff7b8}.styles_whiteKey__vqCuy.styles_active__b7NnB,.styles_whiteKey__vqCuy:active{background:#fff7b8;transform:translateY(2px);box-shadow:1px 1px 0 rgba(0,0,0,.3)}.styles_blackKeysContainer__hUrNl{position:absolute;top:2rem;left:2rem;right:2rem;height:192px;pointer-events:none}.styles_blackKey__kxrBt{position:absolute;width:8%;height:192px;background:#1a1a1a;border:2px solid #000000;border-radius:0;font-family:inherit;cursor:pointer;transition:all .1s ease;pointer-events:all;display:flex;align-items:flex-end;justify-content:center;padding-bottom:.5rem;box-shadow:2px 2px 0 rgba(0,0,0,.5);z-index:10}.styles_blackKeyContent__h_89r{display:flex;flex-direction:column;align-items:center;gap:.25rem}.styles_blackKey__kxrBt:hover{background:#3a3a3a}.styles_blackKey__kxrBt.styles_active__b7NnB,.styles_blackKey__kxrBt:active{background:#3a3a3a;transform:translateY(2px);box-shadow:1px 1px 0 rgba(0,0,0,.5)}.styles_noteName___arfr{font-size:1.25rem;font-weight:600;color:#3e2f1f;-webkit-user-select:none;-moz-user-select:none;user-select:none}.styles_blackKey__kxrBt .styles_noteName___arfr{color:#c9b18a}.styles_keyLabel__hqcwU{font-size:1.25rem;font-weight:600;color:#3e2f1f;background:rgba(0,0,0,.08);padding:.2rem .4rem;border-radius:0;border:1px solid rgba(0,0,0,.15);-webkit-user-select:none;-moz-user-select:none;user-select:none}.styles_blackKey__kxrBt .styles_keyLabel__hqcwU{color:#c9b18a;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2)}.styles_instructions__pOlgD{background:#3e2f1f;padding:1.5rem 2rem;border:3px solid #000000;border-radius:0;box-shadow:inset -2px -2px 0 rgba(0,0,0,.3),inset 2px 2px 0 rgba(255,255,255,.1);text-align:left;width:600px;max-width:100%}.styles_instructionsList__M8PWo{margin:0;padding-left:1.5rem;list-style-type:disc}.styles_instructionsList__M8PWo li{margin:.5rem 0;color:#ffffff;font-size:1.25rem;font-weight:500;line-height:1.6}.styles_musicPlayerSidebar__RfAUE{position:fixed;left:0;top:0;height:100vh;display:flex;flex-direction:row;z-index:50}.styles_sidebarToggle__HByu0{position:fixed;top:2rem;right:24px;background:none;border:none;border-radius:0;cursor:pointer;display:flex;align-items:center;gap:.5rem;font-family:inherit;padding:0;z-index:51;width:auto;height:auto;line-height:normal}.styles_sidebarToggle__HByu0:hover{opacity:.5}.styles_sidebarToggle__HByu0:active{transform:scale(.95)}.styles_sidebarToggle__HByu0:focus{outline:none;transform:none}.styles_tabContainer__FNmx5{position:relative;display:inline-block;line-height:0}.styles_tabBackground__y_DaM{display:block;width:auto;height:auto;max-width:none;max-height:none;position:relative;z-index:1}.styles_musicIcon__1HCeg{display:block;transition:opacity .2s ease;position:absolute;z-index:2;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;opacity:1}.styles_sidebarToggleText__NiAr_{font-size:1.25rem;font-weight:400;color:#ffffff;text-shadow:1px 1px 0 rgba(0,0,0,.8);white-space:nowrap;z-index:2;position:relative;transition:color .2s ease}.styles_sidebarToggleIcon__4FKEM{font-size:1.25rem;font-weight:700;color:#ffff00;text-shadow:1px 1px 0 rgba(0,0,0,.8);position:absolute;opacity:0;transition:opacity .2s ease;z-index:3;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none}.styles_musicPlayerSidebar__RfAUE.styles_sidebarOpen__ETaFR .styles_sidebarToggleIcon__4FKEM{opacity:1}.styles_musicPlayerPanel__acFUh{position:fixed;top:calc(2rem + 48px);right:24px;width:300px;height:calc(100vh - 2rem - 48px - 2rem);background:#3E3529;border:3px solid #000000;border-radius:0;display:none;flex-direction:column;overflow-y:auto;z-index:49}.styles_musicPlayerSidebar__RfAUE.styles_sidebarOpen__ETaFR .styles_musicPlayerPanel__acFUh{display:flex}@keyframes styles_slideOutFromButton__XXwVz{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.styles_musicPlayerHeader__Pcs0r{width:100%;padding:1rem;background:#3e2f1f;border-bottom:2px solid #000000;display:flex;justify-content:flex-start;align-items:center;gap:1rem;flex-shrink:0;position:relative}.styles_headerToggle__XCuaE{position:absolute;right:1rem;background:none;border:none;border-radius:0;cursor:pointer;display:inline-block;font-family:inherit;transition:all .2s ease;padding:0;width:auto;height:auto;line-height:0}.styles_headerToggle__XCuaE:hover{opacity:.9}.styles_headerToggle__XCuaE:active{transform:scale(.95)}.styles_headerToggleTab__L2nEL{display:block;position:relative;z-index:1}.styles_headerToggle__XCuaE .styles_sidebarToggleIcon__4FKEM{font-size:1.25rem;font-weight:700;color:#ffff00;text-shadow:1px 1px 0 rgba(0,0,0,.8);opacity:1;position:absolute;z-index:2;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none}.styles_musicPlayerTitle__nQlQ1{font-size:1.25rem;font-weight:600;color:#ffffff;text-shadow:1px 1px 0 rgba(0,0,0,.8)}.styles_musicPlayerContent__1afu5{display:flex;flex-direction:column;padding:0 1rem;gap:0;flex:1 1;overflow:hidden;min-height:0}.styles_nowPlayingSection__yFN_0{display:flex;flex-direction:column;gap:.25rem;padding:1rem;margin-left:-1rem;margin-right:-1rem;margin-bottom:0;border-bottom:3px solid #000000;flex-shrink:0}.styles_playingLabel__i2IyF{color:#ffff00}.styles_playingLabel__i2IyF,.styles_playingSongName__Ia6cq{font-size:20px;font-weight:400;text-shadow:1px 1px 0 rgba(0,0,0,.8)}.styles_playingSongName__Ia6cq{color:#00ff00;min-height:1.5rem}.styles_songListContainer__s7CMJ{display:flex;position:relative;flex:1 1;min-height:0;align-self:stretch;margin-left:-1rem;margin-right:-1rem;margin-top:0;padding:0 1rem}.styles_songList__Cre6m{flex:1 1;display:flex;flex-direction:column;gap:.25rem;overflow-y:auto;padding-right:16px;padding-top:0;min-height:0;width:100%;scrollbar-width:none;-ms-overflow-style:none}.styles_songList__Cre6m::-webkit-scrollbar{display:none}.styles_songListItem__AjZRJ{padding:.5rem .75rem .5rem 0;background:none;border:none;text-align:left;cursor:pointer;font-family:inherit;font-size:20px;font-weight:400;transition:all .1s ease;border-radius:0}.styles_songListItemText__Ez_CM{color:#00ff00;text-shadow:1px 1px 0 rgba(0,0,0,.8)}.styles_songListItemPlaying__50g2y .styles_songListItemText__Ez_CM,.styles_songListItem__AjZRJ:hover .styles_songListItemText__Ez_CM{color:#ffffff}.styles_scrollButtons__GtWv3{display:flex;flex-direction:column;gap:.25rem}.styles_scrollButtonDown__af7cG,.styles_scrollButtonUp__zZNiq{width:32px;height:32px;background:url(/runescape/button.png);background-size:100% 100%;background-position:50%;background-repeat:no-repeat;border:none;border-radius:0;color:#ffffff;font-size:20px;font-weight:400;cursor:pointer;transition:all .1s ease;display:flex;align-items:center;justify-content:center}.styles_scrollButtonDown__af7cG:hover:not(:disabled),.styles_scrollButtonUp__zZNiq:hover:not(:disabled){background-image:url(/runescape/button_hovered.png)}.styles_scrollButtonDown__af7cG:disabled,.styles_scrollButtonUp__zZNiq:disabled{opacity:.5;cursor:not-allowed}.styles_runescapeScrollbar__RNmRI{display:flex;flex-direction:column;width:16px;flex-shrink:0;align-items:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;position:absolute;right:0;top:0;bottom:0;z-index:1}.styles_scrollbarArrowDown__sM8oq,.styles_scrollbarArrowUp__ejS_Z{width:16px;height:16px;padding:0;border:none;background:none;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:opacity .1s ease}.styles_scrollbarArrowDown__sM8oq:hover:not(:disabled),.styles_scrollbarArrowUp__ejS_Z:hover:not(:disabled){opacity:.8}.styles_scrollbarArrowDown__sM8oq:disabled,.styles_scrollbarArrowUp__ejS_Z:disabled{opacity:1;cursor:not-allowed}.styles_scrollbarArrowDown__sM8oq img,.styles_scrollbarArrowUp__ejS_Z img{display:block;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}.styles_scrollbarTrack__tU4kr{flex:1 1;width:16px;position:relative;cursor:pointer;min-height:0;background-image:url(/runescape/Scrollbar/thumb_middle_dark.png);background-repeat:repeat-y;background-size:16px 5px;background-position:0 0;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}.styles_scrollbarThumb__RL8ix{position:absolute;left:0;width:16px;cursor:-webkit-grab;cursor:grab;display:flex;flex-direction:column;z-index:1}.styles_scrollbarThumbDragging____5DD,.styles_scrollbarThumb__RL8ix:active{cursor:-webkit-grabbing;cursor:grabbing}.styles_scrollbarThumbBottom__LlSA3,.styles_scrollbarThumbMiddle__nmic4,.styles_scrollbarThumbTop__ckV6Q{width:16px;display:flex;flex-shrink:0}.styles_scrollbarThumbBottom__LlSA3 img,.styles_scrollbarThumbTop__ckV6Q img{display:block;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}.styles_scrollbarThumbMiddle__nmic4{position:relative;background-image:url(/runescape/Scrollbar/thumb_middle.png);background-repeat:repeat-y;background-size:16px 5px;background-position:0 0;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}@media (max-width:768px){.styles_title__TWxwC{font-size:2rem}.styles_piano__fulMh{padding:1rem}.styles_whiteKey__vqCuy{height:240px}.styles_blackKey__kxrBt{height:144px}.styles_blackKeysContainer__hUrNl{height:144px;top:1rem;left:1rem;right:1rem}.styles_controlsWrapper__h9N9I{flex-direction:column;gap:1rem;width:100%}.styles_controls__qbOiL{width:100%}.styles_mainWithSidebar__6cQED{margin-left:0}.styles_musicPlayerSidebar__RfAUE{z-index:60}.styles_musicPlayerPanel__acFUh{width:320px;top:calc(2rem + 48px);right:24px;height:calc(100vh - 2rem - 48px - 2rem)}.styles_sidebarToggle__HByu0{top:2rem;right:24px;width:44px;height:44px}}@media (max-width:480px){.styles_container__QPY5X{padding:1rem}.styles_backButton__PLOKE{top:1rem;left:24px}.styles_title__TWxwC{font-size:1.5rem}.styles_whiteKey__vqCuy{height:192px}.styles_blackKey__kxrBt,.styles_blackKeysContainer__hUrNl{height:115px}.styles_noteName___arfr{font-size:.75rem}.styles_keyLabel__hqcwU{font-size:.625rem}.styles_instructionsList__M8PWo li{font-size:.875rem}.styles_mainWithSidebar__6cQED{margin-left:0}.styles_musicPlayerPanel__acFUh{width:280px;top:calc(1rem + 40px);right:24px;height:calc(100vh - 1rem - 40px - 1.5rem)}.styles_sidebarToggle__HByu0{top:1rem;right:24px;width:40px;height:40px}.styles_sidebarToggleIcon__4FKEM{font-size:1.125rem}.styles_musicPlayerHeader__Pcs0r{padding:.5rem}.styles_headerToggle__XCuaE{right:.5rem}.styles_headerToggle__XCuaE .styles_sidebarToggleIcon__4FKEM{font-size:1.125rem}.styles_musicPlayerTitle__nQlQ1{font-size:1rem}.styles_musicPlayerContent__1afu5{padding:0 .5rem}.styles_playingLabel__i2IyF,.styles_playingSongName__Ia6cq{font-size:20px}.styles_songListItem__AjZRJ{font-size:20px;padding:.4rem .5rem .4rem 0}.styles_scrollButtonDown__af7cG,.styles_scrollButtonUp__zZNiq{width:28px;height:28px;font-size:20px}}@font-face{font-family:runescape;src:url(/_next/static/media/a2151422e1a29ef6-s.p.ttf) format("truetype");font-display:swap;font-weight:400;font-style:normal}@font-face{font-family:runescape;src:url(/_next/static/media/3a6dba5c0e408da4-s.p.ttf) format("truetype");font-display:swap;font-weight:600 700;font-style:normal}@font-face{font-family:runescape Fallback;src:local("Arial");ascent-override:92.33%;descent-override:30.78%;line-gap-override:0.00%;size-adjust:81.23%}.__className_8c0fc1{font-family:runescape,runescape Fallback}.__variable_8c0fc1{--font-runescape:"runescape","runescape Fallback"}@font-face{font-family:runescapeQuill;src:url(/_next/static/media/9220c751c904a194-s.p.ttf) format("truetype");font-display:swap}@font-face{font-family:runescapeQuill Fallback;src:local("Arial");ascent-override:99.10%;descent-override:33.03%;line-gap-override:0.00%;size-adjust:94.60%}.__className_d0d96f{font-family:runescapeQuill,runescapeQuill Fallback}.__variable_d0d96f{--font-runescape-quill:"runescapeQuill","runescapeQuill Fallback"}