body{position:absolute;top:-100vw;top:-webkit-calc(-100vw + constant(safe-area-inset-left) + constant(safe-area-inset-right));top:calc(-100vw + constant(safe-area-inset-left) + constant(safe-area-inset-right));top:-webkit-calc(-100vw + env(safe-area-inset-left) + env(safe-area-inset-right));top:calc(-100vw + env(safe-area-inset-left) + env(safe-area-inset-right));top:-100dvw;left:0;overflow:hidden;width:100vh;width:-webkit-calc(100vh - constant(safe-area-inset-bottom) - constant(safe-area-inset-top));width:calc(100vh - constant(safe-area-inset-bottom) - constant(safe-area-inset-top));width:-webkit-calc(100vh - env(safe-area-inset-bottom) - env(safe-area-inset-top));width:calc(100vh - env(safe-area-inset-bottom) - env(safe-area-inset-top));width:100dvh;height:100vw;padding:env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left) env(safe-area-inset-top);-webkit-transform:rotate(90deg);transform:rotate(90deg);-webkit-transform-origin:left bottom;transform-origin:left bottom}.ccc-drawer{max-width:-webkit-calc(100vh - 48px);max-width:calc(100vh - 48px);height:100vw;height:-webkit-calc(100vw - constant(safe-area-inset-left) - constant(safe-area-inset-right));height:calc(100vw - constant(safe-area-inset-left) - constant(safe-area-inset-right));height:-webkit-calc(100vw - env(safe-area-inset-left) - env(safe-area-inset-right));height:calc(100vw - env(safe-area-inset-left) - env(safe-area-inset-right));height:100dvw}.ccc-drawer--safe-area{padding:env(safe-area-inset-right) 0 env(safe-area-inset-left) env(safe-area-inset-top)}.ccc-drawer--safe-area.ccc-drawer--end,[dir=rtl] .ccc-drawer--safe-area{padding-right:env(safe-area-inset-bottom);padding-left:0}[dir=rtl] .ccc-drawer--safe-area.ccc-drawer--end{padding-right:0;padding-left:env(safe-area-inset-top)}.ccc-drawer--end{border-radius:0;border-end-start-radius:16px;border-start-start-radius:16px}.x-optionsdrawer{width:468px;max-height:none}.x-optionsdrawer.ccc-drawer:not(.ccc-drawer--open){-webkit-transform:translateZ(0) translateX(110%);transform:translateZ(0) translateX(110%)}[dir=rtl] .x-optionsdrawer:not(.ccc-drawer--open){-webkit-transform:translateZ(0) translateX(-110%);transform:translateZ(0) translateX(-110%)}.x-optionsdrawer>.ccc-drawer__header .ccc-ibtn__icon{-webkit-transform:none;transform:none}@media only screen and (min-height:701px){.x--has-main-drawer .x-main{-webkit-padding-start:256px;-moz-padding-start:256px;padding-inline-start:256px;font-size:-webkit-calc(5vh - 12.8px);font-size:calc(5vh - 12.8px)}.x--has-side-drawer .x-main{-webkit-padding-end:284px;-moz-padding-end:284px;padding-inline-end:284px;font-size:-webkit-calc(5vh - 14.2px);font-size:calc(5vh - 14.2px)}}@media only screen and (min-height:1001px){.x--has-side-drawer .x-main{-webkit-padding-end:468px;-moz-padding-end:468px;padding-inline-end:468px;font-size:-webkit-calc(5vh - 23.4px);font-size:calc(5vh - 23.4px)}}.ccc-drawer__header{padding-left:calc(env(safe-area-inset-top) + 12px)}.ccc-menu{max-height:-webkit-calc(100vw - 110px);max-height:calc(100vw - 110px)}.x--has-side-drawer .x-main{padding-bottom:0}.x-playalong{--player-full-width:100vh;height:50vw}.x-board--raised{min-height:50vw}.x-playalong__headerbutton{top:-webkit-calc(70px + 4vh);top:calc(70px + 4vh);top:-webkit-calc(var(--top-margin,70px) + 4vh);top:calc(var(--top-margin, 70px) + 4vh)}.x-column{max-width:25vh;padding-top:30vw;padding-bottom:30vw}.x-column--i0{padding-top:0;padding-bottom:0}.x-column--i1{padding-top:2vw;padding-bottom:2vw}.x-column--i2{padding-top:4vw;padding-bottom:4vw}.x-column--i3{padding-top:6vw;padding-bottom:6vw}.x-column--i4{padding-top:8vw;padding-bottom:8vw}.x-column--i5{padding-top:10vw;padding-bottom:10vw}.x-column--i6{padding-top:12vw;padding-bottom:12vw}.x-column--i7{padding-top:14vw;padding-bottom:14vw}.x-column--i8{padding-top:16vw;padding-bottom:16vw}.x-column--i9{padding-top:18vw;padding-bottom:18vw}.x-column--i10{padding-top:20vw;padding-bottom:20vw}.x-column--i11{padding-top:22vw;padding-bottom:22vw}.x-column--i12{padding-top:24vw;padding-bottom:24vw}.x-column--i13{padding-top:26vw;padding-bottom:26vw}.x-column--i14{padding-top:28vw;padding-bottom:28vw}.x-header__title{font-size:1.75rem}@media only screen and (max-height:800px){.x-header__title{font-size:1.5rem}}.x-note{border-radius:1vh}.x-main{font-size:5vh;font-size:5dvh}.x-keyhint{font-size:2.5vh}